-

jQueryについて質問です。
jQueryで複数(各2パターン)用意してある画像をランダムに表示するにはどうしたらいいでしょうか?
各2パターンはどちらか1パターンのみの表示にしたいです。

よろしくお願いいたします。

みんなの回答 3 件

名無しさんの回答

配列とMath.random使えばいいんではないでしょうか。

名無しさんの回答

とかとか。

<img id="targetImage"> 
<script> 
var srcs = ["hoge.jpg", "fuga.jp"]; 
var index = Math.ceil( Math.random() * srcs .length );  
$("#targetImage").attr("src", srcs[index ]); 
</script>
名無しさんの回答

ローカルで完結するようにすれば、対象が複数個存在しても大丈夫。ただ内包する要素は2つに限定されるけど。条件汚くて申し訳ないです。

<ul class="rand"> 
 <li><img /></li> 
 <li><img /></li> 
</ul> 
 
$(".rand li").each(function() { 
 var _p = $(this).prev(); 
 if (!_p.length) { 
  if (!Math.floor(Math.random()*2)) $(this).hide(); 
 } else { 
  if (!_p.is(':hidden')) $(this).hide(); 
 } 
});
最終更新日:2012-10-16 (2,514 views)

関連するトピックス

ページ上部に戻る