お世話になります。
Wordpress内でbxsliderを使っています(wordpressのプラグインではなく通常の物)
bxSliderでアイテム数が5個、画面に2個が常に表示され、左へ1個ずつ切り替わります。
最後までいったら先頭へ戻ると言う動きを想定しています。
多少わかりやすく書くと
1 2
2 3
3 4
4 5
5 1
1 2
・・・以下同様
という動きを想定しています。
html
1<ul class="bxslider"> 2 <li><a href="#"><img src="1"></a></li> 3 <li><a href="#"><img src="2"></a></li> 4 <li><a href="#"><img src="3"></a></li> 5 <li><a href="#"><img src="4"></a></li> 6 <li><a href="#"><img src="5"></a></li> 7</ul>
javascript
1$(".bxslider").bxSlider({ 2 slideWidth: 540, 3 slideMargin: 10, 4 speed: 1000, 5 auto: true, 6 pause: 5000, 7 minSlides: 2, 8 maxSlides: 2, 9 moveSlides: 1, 10 infiniteLoop: true, 11 controls: false 12});
という感じでマークアップしています。
動くことは動くのですが、
・最初の表示に、4と5が表示される。
・最初に動き始めたとき4-5の次に5-1 1-2を通り越して2-3が表示される。
(移動は一つのはずが飛ばしてしまう)
・最初に飛ばして2-3が表示された以降は3-4 4-5 5-1 1-2 ・・・と想定の動きをする
という動きをしてしまいます。
最悪最初の表示はコード内で順番をずらせば良いので対応できるのですが、最初に動き出したときに1つ飛ばしてしまうのは非常にまずい感じです。
なにか考えられることはありませんでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/18 23:10
2016/07/19 01:47