jQuery jCarousel を画像ブラウザとして使用しようとしています。正常に動作していますが、クリック時に設定された量をスクロールするのではなく、マウスダウン時に継続的にスクロールするようにインタラクションを変更したいと思います。
明らかに、私は jQuery を使用する完全な初心者ですが、最初は jCarousel 構成イベント オプションを使用して、マウス ダウンでコントロールをトリガーできると考えていました。これは機能しますが、スクロールを続行しません。
マウスがまだ押されているかどうかを確認するには、リスナーが必要だと思いますよね? StackOverflow でこのソリューションを見つけ、適用しようとしています: jsfiddle.net/amenity/BSq85/19
jQuery(document).ready(function () {
$('.jcarousel').jcarousel({
wrap: 'circular',
animation: 1500,
easing: 'linear'
});
var timeout, clicker = $('.jcarousel-prev');
var count = 0;
clicker.mousedown(function () {
timeout = setInterval(function () {
$('.jcarousel-prev').jcarouselControl({
target: '-=2'
});
}, 500);
return false;
});
$(document).mouseup(function () {
clearInterval(timeout);
return false;
});
$('.jcarousel-next').jcarouselControl({
target: '+=2',
'event': 'mousedown'
});
});
機能している外部コントロールと比較するために、(右の) 次へのボタンをクリックしたままにしました。