javascript - jQuery Rotator 是按字母顺序排列的，我怎样才能让它在我的主页上随机化？

Question

我怎样才能让我的旋转器上的图像是随机的？下面是我正在处理的网站的链接，主页上的旋转器当前按字母顺序显示，我希望它是随机的。

http://www.greatrestaurantsmagazine.com/

Answer 1

打开您的 dissolve.js 并进行以下更改。

这里的关键是随机化你的下一张图片，显然是下面的代码：

你可以在这里下载一个小演示

确保您遵循代码中的这些说明

//Un-comment the 3 lines below to get the images in random order

var sibs = current.siblings();
var rndNum = Math.floor(Math.random() * sibs.length );                      
var next = $( sibs[ rndNum ] );

And then below your document ready section will look like:

$(document).ready(function() {      
    //Load the slideshow
    $('div.rotator ul').shuffle();
    theRotator();
    $('div.rotator').fadeIn(1000);
    $('div.rotator ul li').fadeIn(1000); // tweek for IE
});

Answer 2

您可以执行一些操作，例如将列表移动到文档片段，然后使用随机发生器将它们一一添加，同时检查它尝试添加的项目是否尚未添加。