- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：スライド写真で２、３枚目をランダムで表示させるには）
スライド写真をランダム表示させる方法
このQ&Aのポイント
- スライド写真で２、３枚目をランダムで表示させるにはbgSwitcherを使用してフェードインアウトするスライドショーを作成しました。
- ２枚目、３枚目が同じ画像を表示してしまい、繰り返し再生しても再度ランダムに選んでくれず、初めに読み込んだ画像のままでした。
- imgBをランダム読み込みし、２枚目、３枚目で同じ画像が選ばれないようにしたい。2巡目以降も、再生のたびにランダム処理を実施したい。
- soapon
- お礼率100% (3/3)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 >●imgBをランダム読み込みし、２枚目、３枚目で同じ画像が選ばれないようにしたい これについては最初渡すときのランダム変数が同じなのが原因ですので var n1 = Math.floor(Math.random()*imgB.length); while ( true ) { var n2 = Math.floor(Math.random()*imgB.length); // n1とn2がちがっていればループ終了 同じの場合はもう一度ランダム実行 if ( n1 != n2 ) break; } var ctrl = $('#test').bgSwitcher ({ images : [ imgA, imgB[n1], imgB[n2], imgC ], interval : 1000, fadeSpeed : 1000, },true ).data('bgSwitcher'); にすれば違う画像が表示されます。 >●2巡目以降も、再生のたびにランダム処理を実施する についてはjquery.bgWeitcher.jsというプラグインをカスタマイズする必要があります。 プラグインの中を見ましたが現状は最初に渡された画像のみを使用し、途中で画像を書き換えることを考慮していないようです。
お礼
早々にご回答頂きましてありがとうございます。大変感謝感激です！ 振り分けのほうだけでも分かって本当に嬉しいです。 リピートのほうについては、別プラグインを探してみようと思います。 ほんとうにどうもありがとうございました。