Question

I have the code:

   jQuery(img).each(function() {
        jQuery(this).animate({opacity: 0});  
        jQuery(this).animate({opacity: 1},4000);
    });  

The code changes images opacity to 0 and then to 1. The point is it happens to all images while I want it to work for one image at the time.

Any ideas how to achieve this?

Answer 1

Okay, here’s my stab at it.

var duration = 1000;
$('img').css('opacity', 0).each(function(i)
{
    $(this).delay(i*duration).animate({opacity: 1}, duration);
});

Demo demo demo