- 締切済み
【jQuery】スライダーについて
初めまして。 下記サンプルを元にカスタマイズをしてます。 参照URL http://bxslider.com/examples/ticker 写真をランダムで左に流したいのですが、 $(document).ready(function(){ $('.bxslider').bxSlider({ 'auto': true, 'minSlides': 6, 'maxSlides': 6, 'slideWidth': 160, 'slideMargin': 0, 'ticker': true, 'speed': 15000, 'randomize': true, }); }); 『'randomize': true,』を入れてもランダムになりません。 ダウンロードしたjquery.bxslider.jsの方の記述も同じように書き換えてます。 html側もサンプルのをそのまま貰ってるので <div class="slider"> <ul class="bxslider"> <li><a href="/"><img src="/img/photo01.jpg" alt="/"></a></li> <li><a href="/"><img src="/img/photo02.jpg" alt="/"></a></li> <li><a href="/"><img src="/img/photo03.jpg" alt="/"></a></li> <li><a href="/"><img src="/img/photo04.jpg" alt="/"></a></li> <li><a href="/"><img src="/img/photo05.jpg" alt="/"></a></li> <li><a href="/"><img src="/img/photo06.jpg" alt="/"></a></li> </ul> </div> でならんでます。 リロードするたびに photo01.jpg←photo03.jpg←photo06.jpg← や、 photo02.jpg←photo05.jpg←photo02.jpg← とか順不同で出来たら最高なんですが、そこまで私の技術は出来ないので、可能であればスタートする写真をランダムで出来たらと思ってます。 ご教授お願いします。
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
A No1です。 >ダウンロードしたjquery.bxslider.jsも書き換えてますが ?? boxslider自体を書換えてしまっているのですか? その辺の事情がよくわかりません。 カスタマイズしているのなら、そのあたりが何か関係しているのでは? リストの並べ替えについては、 >固定ではないのとIDではなくclassしていしてるので jQueryならセレクタを変えて、それぞれで処理するようにすればよいだけだと思いますが・・・ こんな感じでダメでしょうか? $("ul.bxslider").each(function(){ var list = $(this).children("li"); var n = list.length; list.each(function(i){ var j = Math.random() * (n-i) + i | 0; var tmp = list[i]; list[i] = list[j]; list[j] = tmp; }).appendTo(this); });
- fujillin
- ベストアンサー率61% (1594/2576)
bxSliderそのものは知りませんけれど、 >『'randomize': true,』を入れてもランダムになりません。 説明によれば randomStart ではないのでしょうか? http://bxslider.com/options >ダウンロードしたjquery.bxslider.jsの方の記述も同じように書き換えてます。 jsのメソッドの名前を randomize に書換えているという意味でしょうか? 最初に全体を並べ替えたいのであれば、以下みたいな方法で可能です。 (↓)はjQueryを用いていませんが、bxSliderはjQueryを用いているようですので利用して書けばもう少し簡略化できることでしょう。 http://okwave.jp/qa/q7920989.html
補足
すみません。 私の記述ミスでした。 auto : true, minSlides : 6, maxSlides : 6, slideWidth : 160, slideMargin : 0, ticker : true, speed : 15000, randomStart : true で設定してます。 ダウンロードしたjquery.bxslider.jsも書き換えてますがやっぱランダムにならずで…。 教えて頂いたリンク先のを試してみましたが、写真が複数枚あってスライダーでループさせたいと思ってるので、固定ではないのとIDではなくclassしていしてるのでどうしたらいいのか書き換え方法が分かりませんでした。 もう少し調べてみます。 ありがとうございました。