###前提・実現したいこと
初めて質問させていただきます。至らない点がありましたらご指摘ください。
jQueryプラグインの「bxSlider」を使用してスマホのページにスライダーを設置しました。
1画面に表示されるのは4枚で、全部で15枚(今後可変する可能性有)の画像を表示させます。
そして、スマホのフリックで画像を遷移させる時、
スライドした分だけ滑らかに次の画像が流れていくのが理想なのですが、
オプションの「moveSlides」の指定では1~4枚で固定されてしまい、
あまり気持ちよくない動きになってしまいます。
bxSliderでは、フリックで流れるようなスライドは難しいのでしょうか?
他のオプションで再現が可能なのであればどうかご教示ください。
###発生している問題・エラーメッセージ
フリックで画像をスライドした場合に1~4枚しかスライドされません。
###該当のソースコード
◆html(通常通りのリスト形式) <ul class="bxslider"> <li><a href="#" target="_blank"><img src="○○○.jpg" /></a></li> <li><a href="#" target="_blank"><img src="○○○.jpg" /></a></li> <li><a href="#" target="_blank"><img src="○○○.jpg" /></a></li> ・・・ </ul> ◆bxsliderオプション $(document).ready(function(){ $('.bxslider').bxSlider({ pager: false, slideWidth: '100%', moveSlides: 0, minSlides: 4, maxSlides: 4 }); });
###補足情報(言語/FW/ツール等のバージョンなど)
jQuery(min) v1.8.1
BxSlider(min) v4.1.2
一例ですが、下記のサイトの上部バナーエリアのように
フリックした分だけスライドされる形が理想です。
https://shopping.yahoo.co.jp/
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/26 05:14