- ベストアンサー
jcarouselliteを使ったフォトスライダーのスライド枚数を変える方法
- jcarouselliteを使ったフォトスライダーで、マウスホイールとボタンのスライド枚数を変える方法を教えてください。
- jcarouselliteを使用しているフォトスライダーで、スライド枚数がマウスホイールとボタンで同じになってしまう問題があります。
- jcarouselliteを使ったフォトスライダーのボタンでのスライド枚数を５枚に、マウスホイールでのスライド枚数を１枚に変える方法を教えてください。
- sscommon
- お礼率68% (48/70)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
詳細に検証していませんが、素直に出来ました。 最新のバージョンの組み合わせで試しました。 jquery 1.3.2 jcarousellite 1.0.1 jquery.mousewheel 3.0.2 です。ボタンだと2枚送り、マウスホイールだと1枚送りになりました。 <script type="text/javascript" charset="utf-8"> <!-- $(function() { $(".hoge").jCarouselLite({ btnNext: ".next", btnPrev: ".prev", visible:5, scroll: 2 }); $(".fuga").jCarouselLite({ visible:5, mouseWheel: true, scroll: 1 }); }); </script> <body> <button class="prev"><<</button> <button class="next">>></button> <div class="hoge fuga"> <ul> <li><img src="xxxxxx.jpg" width="75" height="75"></li> <li><img src="xxxxxx.jpg" width="75" height="75"></li> <li><img src="xxxxxx.jpg" width="75" height="75"></li> <li><img src="xxxxxx.jpg" width="75" height="75"></li> <li><img src="xxxxxx.jpg" width="75" height="75"></li> <li><img src="xxxxxx.jpg" width="75" height="75"></li> </ul> </div> </body> クラスは別に<div class="hoge fuga">としなくても、 <div class="hoge">一つで、 $(".hoge").jCarouselLite({......}); を2つ記述しても、動作します。
お礼
回答ありがとうございます。 今ちょっと触れる状況にないので明日試してみます。 ヘッダー部分の記述を２つにしればイケる… んですね。ありがとうございました。 また何かあればご質問させていただきたいと思います。