0
ランダム画像に切り替えるjQueryスライドショーがありますが、ランダム化する方法が見つかりません。ここに私のスライドショー機能は私の写真を通して常に同じ順序で行く。ランダム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);