- 締切済み
【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)
- 専門家の回答
補足
すみません。 私の記述ミスでした。 auto : true, minSlides : 6, maxSlides : 6, slideWidth : 160, slideMargin : 0, ticker : true, speed : 15000, randomStart : true で設定してます。 ダウンロードしたjquery.bxslider.jsも書き換えてますがやっぱランダムにならずで…。 教えて頂いたリンク先のを試してみましたが、写真が複数枚あってスライダーでループさせたいと思ってるので、固定ではないのとIDではなくclassしていしてるのでどうしたらいいのか書き換え方法が分かりませんでした。 もう少し調べてみます。 ありがとうございました。