jquery - 「ページロード」でランダムな画像をロードするには

Question

JQuery サイクル プラグインを使用して、ページの読み込み時にランダムな画像を読み込もうとしています。

$(document).ready(function() {
    $('.slideshow').cycle({ 
        fx:     'fade', 
        random:  1 
    });
});     

それを行う簡単な方法はありますか？

Answer 1

ランダムな画像をロードするのにプラグインは必要ありません。セットからランダムな画像をロードするには、すべての画像をコンテナ内に配置し（または、必要に応じてクラスを追加して）、表示する画像をランダムに選択します。

HTML：

<div id="slideshow">
  <img src="http://scienceblogs.com/startswithabang/upload/2012/04/why_should_there_be_dark_matte/AS17-148-22727_lrg-thumb-500x500-74032.jpeg" />
  <img src="http://weblogs.marylandweather.com/4526619322_1912218db8.jpg" />
  <img src="http://www.silverstar-academy.com/Blog/wp-content/uploads/2012/03/03-14-12N  00184967.jpg" />     
  <img src="http://cdn.the2012scenario.com/wp-content/uploads/2011/11/sunspot-500x500.jpg" />
</div>

CSS：

 #slideshow {width:500px;height:500px;overflow:hidden}
 #slideshow img {display:none}

JS / JQuery：

$(document).ready(function() {
  var rand = Math.floor(Math.random() * $('#slideshow img').length);
  $('#slideshow img').eq(rand).show();​
  // if you just want to use a class you could do this but is prob better to put them in a container
  // $('img.random').eq(rand).show();
  // var rand = Math.floor(Math.random() * $('img.random').length);
});

Answer 2

jQueryでは、

var rand = Math.floor(Math.random() * $('#slideshow img').length);
$("#slideshow img:eq("+rand+")").show();

やってもうまくいき.eq(rand).show();ません。