javascript - 随机 jQuery 幻灯片

Question

我有一个 jQuery 幻灯片，我想切换到随机图像而不是下一个图像，但我找不到随机化它的方法。这是我的幻灯片放映功能，它始终以相同的顺序播放我的图片。

$("#header-slide > div:gt(0)").hide();
setInterval(function() {
    $('#header-slide > div:first')
        .fadeOut(2000)
        .next()
        .fadeIn(2000)
        .end()
        .appendTo('#header-slide');     
}, 5000);

我的 slider.php 文件如下所示，每个图像都有一个:

<div>
    <src="..." />
</div>
<div>
    <src="..." />
</div>  

编辑:完整且有效的解决方案现在是:

$("#header-slide > div").hide();
temp = $('#header-slide > div:eq(' + Math.floor(Math.random() * $('#header-slide > div').length) + ')')
        .fadeIn(2000);
setInterval(function() {
    temp.fadeOut(2000);
    temp = $('#header-slide > div:eq(' + Math.floor(Math.random() * $('#header-slide > div').length) + ')')
        .fadeIn(2000);
}, 5000);

Answer 1

您可以使用 :eq 选择器与随机数的组合:

$('.slide:eq(' + (Math.random() * $('.slide.length')-1) + ')')