javascript - carouFredSel 在鼠标按下时滚动

Question

我需要制作一个旋转木马，它会在鼠标按下时继续滚动并在鼠标升起时停止。让这个例子在悬停上工作。如何将其更改为在 mousedown 上工作？

$("#foo2").carouFredSel({
    auto    : {
        items           : 1,
        duration        : 1500,
        easing          : "linear",
        timeoutDuration : 0
    }
}).trigger("pause");

$("#foo2_prev").hover(function() {
    $("#foo2").trigger("configuration", ["direction", "right"]);
    $("#foo2").trigger("play");
}, function() {
    $("#foo2").trigger("pause");
}).click(function() {
    return false;
});

$("#foo2_next").hover(function() {
    $("#foo2").trigger("configuration", ["direction", "left"]);
    $("#foo2").trigger("play");
}, function() {
    $("#foo2").trigger("pause");
}).click(function() {
    return false;
});

Answer 1

carouFredSel 初始化代码可以保持不变。然后使用以下代码在 mousedown 和 mouseup 上触发事件，而不是在悬停时触发。

this.$("#foo2_prev").mousedown(function() {
    me.$("#foo2").trigger("configuration", ["direction", "right"]);
    me.$("#foo2").trigger("play");
});

this.$("#foo2_next").mousedown(function() {
    me.$("#foo2").trigger("configuration", ["direction", "left"]);
    me.$("#foo2").trigger("play");
});

this.$("#foo2_prev, #foo2_next").mouseup(function() {
    console.log("mouseup");
    me.$("#foo2").trigger("pause");
});