- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ランダムなフェードインを作りたいです。）
ランダムなフェードインを作りたい！jQueryのfadein()/feadeOut()メソッドでイメージのスライドショーを実装したサンプルの画像を順番通りでなくランダム表示に修正したい！
このQ&Aのポイント
- ランダムなフェードインを実現するために、jQueryのfadein()/fadeOut()メソッドを使用したイメージのスライドショーを作成したい。
- サンプルコードでは、画像を順番通りに表示するだけでなく、ランダムな順番で表示するように修正したい。
- しかし、現在の実装では正しく機能しないため、どこを修正すればランダムな表示になるのかわからない。
- tekkenman7
- お礼率70% (150/212)
- AJAX
- 回答数1
- ありがとう数6
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
よくわかりませんが… 1）mglistを配列で定義しているけれど、対象の画像は全てHTMLソース内に あるみたいなので、不要ではないでしょうか？ 2）変数selectを乱数で発生させているけれど、最初の一回だけなので、「表示する 画像」をランダムに選択していることにはならないのでは？ 3）変数t0にはタグの文字列が入るけれど、jqueryのセレクタにはならないのでは？ （そもそも、selectもt0も固定で変化しないみたいだし） 4）画像要素の順序を移動しているみたいですが、表示する画像は1個だけなので 順序を移動しなくても良さそうに思えますが？ （半透明状態だと、前後どちらにあっても透過して見える） setIntervalにはしていませんが（←最初の処理にタイムラグが出るので）、こんなのでは？ （全角空白は半角に） $(function(){ var elm = $(".fadein"); elm.children("img").hide(); (function(){ var img = elm.children("img:hidden"); elm.children("img:not(hidden)").fadeOut(); $(img.get(Math.floor(Math.random() * img.length))).fadeIn(); var id = setTimeout(arguments.callee, 3000); })(); });
お礼
ランダムになりました。ありがとうございます。