jquery无限随机图像推子

时间:2011-05-17 13:07:17

标签: jquery random callback queue fadein

遗憾的是,我对jquery-writing完全不熟悉,经过谷歌搜索12小时后找到解决方案以满足我的需求即可放弃并直接询问。

我正在尝试编写一个简短的脚本,在随机图片中淡入淡出,延迟一点然后淡出。之后,应该将函数调用到无穷大。

现在我主要有一个问题就是以这种方式完成回调,它没有大量回归而是一遍又一遍地调用。我找到的大多数剧本让我的萤火虫变得疯狂。另外,我还没有完全明白,我如何排队随机图像选择器,一点attr(因此它并不总是出现在完全相同的位置,而是交替一点 - 但是优先级较低),fadein,延迟,淡出,然后全部完成。

如果有人可以帮助我,我会非常,非常感激。 亚历克斯。

1 个答案:

答案 0 :(得分:4)

在jQuery中很容易做到:

的jQuery

$('document').ready(function() {

    var nextImage = function() {
         $('#slideshow > img:random')
          .fadeIn(function() {
               $(this).delay(3000).fadeOut(nextImage);
           })
    };

    nextImage();
});

使用:random jQuery filter selector的帮助 - 值得注意的是我已添加此内容,因为您说“随机” - 但实际上您可能想要“下一个”图像,因为有时它会选择与上次相同的图像,或者不会给所有图像提供时间。在这种情况下,您可以使用http://jsfiddle.net/garreh/7BLnT/

小提琴: http://jsfiddle.net/garreh/JbrXd/