0

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'
    });


});

機能している外部コントロールと比較するために、(右の) 次へのボタンをクリックしたままにしました。

4

1 に答える 1