jcarouselliteについてです。

解決済

質問者：sscommon
質問日時：2009/09/28 00:15
回答数：1件

こんばんは。

今初心者ながらにフォトスライダーを入れた
サイトの構築をしています。

先日、jcarouselliteというj-queryのプラグインがあることを知り、
実装してみました。マウスホイールでの記述も加え、
かなり良くなって来ました。

スライドが出来たのは良かったんですが、
マウスホイールとボタンのスライド枚数が同じなため困っています。

マウスホイールでのスライドは１枚単位、
ボタンでのスライドは５枚単位にしたいと思っています。
それを少し直したいと思い、調べたりしたのですが、
全くできませんでした。

ボタンのスライドとマウスホイールのスライド枚数を
変えるにはどのようにしたらよいのでしょうか？
何か他のjavascriptなどを入れないとダメでしょうか？

jcarouselliteを使用したいと思っていますので
極力、これを使いつつできるものをお願いします。
教えていただけるとありがたいです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yyr446
回答日時：2009/09/28 13:15

詳細に検証していませんが、素直に出来ました。

最新のバージョンの組み合わせで試しました。
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つ記述しても、動作します。