Question

I have the following jquery code:

<script type="text/javascript">
$(function(){
    $('.gallery-slider li:gt(0)').hide();
    setInterval(function(){
      $('.gallery-slider li:first-child').fadeOut("slow")
         .next('.gallery-slider li').fadeIn(1000)
         .end().appendTo('.gallery-slider');}, 
      2000);
});
</script>

The .fadeIn seems to be working, however the .fadeOut does not seem to be properly accepting the speed parameter. What do I need to change such that it will properly work? Thank you.

Answer 1

The problem is the fade functions don’t block..

You can pass a function to fadeout so that it runs after its complete, e.g.

$('.blarg').fadeOut(100, function() {
  $('.blarg).fadeIn();
});

Would wait until its totally faded out before it tries to fade back in.