2017-11-07 15 views
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); 

答えて

2

:eqセレクタ:乱数の組み合わせ:

$('.slide:eq(' + (Math.random() * $('.slide.length')-1) + ')') 
関連する問題