javascript - jQuery Rotator はアルファベット順ですが、ホームページでランダム化するにはどうすればよいですか?

Question

ローテーターで画像をランダムにするにはどうすればよいですか? 以下は私が取り組んでいるサイトへのリンクです。ホームページのローテーターは現在アルファベット順に表示されており、ランダムにしたいと思います。

http://www.greatrestaurantsmagazine.com/

Answer 1

disolve.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

リストをドキュメントフラグメントに移動し、ランダマイザーを使用してそれらを1つずつ追加し、追加しようとしているアイテムがまだ追加されていないことを確認するなどのことができます。