jQuery - "preloading"(setinterval)的效果？

Question

我有代码:

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

该代码将图像不透明度更改为 0，然后更改为 1。重点是它会发生在所有图像上，而我希望它同时适用于一张图像。

有什么想法可以实现这一目标吗？

Answer 1

jQuery('img').css('opacity', 0).each(function(i) {
    jQuery(this).animate({opacity: 0}, i * 1000);
    jQuery(this).animate({opacity: 1}, 1000);
});

http://jsfiddle.net/Squeegy/9J54u/4/

这将每 4 秒淡入一张图像，直到所有图像都淡入。

这是有效的，因为每个函数都会将数组的索引传递给迭代器函数。您可以使用该索引作为其淡入之前的偏移量。