jQueryについて質問です。jQueryで複数(各2パターン)用意してある画像をランダムに表示するにはどうしたらいいでしょうか?各2パターンはどちらか1パターンのみの表示にしたいです。
よろしくお願いいたします。
配列と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(); } });
みんなの回答 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();
}
});
関連するトピックス