"ページロード"でランダムな画像をロードするには

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の：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

、

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

Doing .eq(rand).show();は機能しません。