Question

我正在尝试在我网站的主页上设置多个迷你幻灯片。如果你现在去那里（http://www.element17.com/），你会看到有六个图像类别，目前有些PHP从数据库中抓取五个随机图像并将它们全部放在“幻灯片”div中。这似乎是我见过的jQuery幻灯片插件最流行的设置。我希望这六个中的每一个都能通过五张随机图像进行幻灯片放映。

但我想要的是每张幻灯片的超时是随机的，这样六张幻灯片就不会相互同步。

我已经看到Cycle插件支持这个但我没有成功实现它。我不需要花哨的过渡（只是褪色）而且我不需要任何其他功能，所以看起来这可能是最容易从头开始做的。我对jQuery没有很多经验，所以我希望有人能让我开始？

非常感谢！

Answer 1

Cycle插件出了什么问题？您应该可以像这样（未经测试）使用它：

//time in ms
var minTime = 2000;
var maxTime = 5000;
$(document).ready(function() {
    $('.slideshow').each(function(ind) {
        $(this).cycle({
            timeout:Math.floor((Math.random()*(maxTime-minTime))+minTime),
            speed:1000
        });
    });
});

只需根据需要更改最小和最大时间。

随机超时的jQuery幻灯片

1 个答案: