Stack Overflow
Stack Overflow

Questions tagged [fadein]

The fadeIn() method gradually changes the opacity, for selected elements, from hidden to visible (fading effect).

Displaying something by fading it from transparent to opaque.

The tag is often used to refer to the jQuery fadeIn() method.

2074 questions
7
votes
1 answer

jQuery show/hide - Question about the delay variable

I'm using the following code to show a box when you mouseover a certain div and have set the delay on the fade out but is there some way of cancelling the fadeOut effect if the user goes back on to the div? jQuery("#cart-box").hover(function() { …
Vince P
  • 1,781
  • 7
  • 29
  • 67
7
votes
1 answer

How to add a fade in within overlay with FFMPEG ?

I'm wondering how to add the option "fade in" in the -filter_complex 'overlay'. The basic overlay ffmpeg -i movie.mp4 -i image.jpg -c:v libx264 -filter_complex 'overlay=x=main_w-overlay_w-100:y=main_h-overlay_h-100' output.mp4 Does the image.jpg…
Chris
  • 93
  • 1
  • 6
7
votes
2 answers

JQuery: Start object as hidden in a way that allows .fadeIn() to work

I have an object that I want to start as hidden. I have tried to use each one of these styles one at a time. I have them in a class, not as inline styles. display:none; and opacity:0;filter:alpha(opacity=0); Now, these both worked obviously, the…
Nate
  • 2,035
  • 8
  • 23
  • 33
7
votes
7 answers

jQuery fadeIn fadeOut with click

I'm trying to make a div fadeIn when another div is clicked and fadeOut again when another div is clicked (which would be the close button) but my code doesn't work, did I forget something? Here's the CSS: body{ margin: 0; padding: 0; …
Bruno
  • 155
  • 1
  • 3
  • 9
7
votes
3 answers

How to animate elements move with css3 transitions after hiding some element

Is it possible to animate elements move with css3 transitions after hiding some element using jQuery's .fadeOut()? I found some kind of solution here (see "It works for grids, too" section): However my case is more like…
Lauri
  • 4,336
  • 3
  • 18
  • 18
7
votes
4 answers

jquery fadeIn leaves opacity at 0

I have this weird behavior with .fadeIn() If I write $('#MyDiv').show(); The div shows just fine. However, if I write $('#MyDiv').fadeIn(400); The div shows but with opacity 0! The line before is: $('#MyDiv').hide() .html(TheHTML) …
frenchie
  • 51,731
  • 109
  • 304
  • 510
6
votes
3 answers

How to repeat (loop) Jquery fadein - fadeout - fadein

I am struggling with my first jQuery script. I've got a DIV on my page that is set to hide via CSS. Then, I have this script that runs to make it fade in, fade out, then fade in again: