0

旋转木马 (caroufredsel)不断向左滚动（例如，选中此项）。当我将鼠标悬停在右侧的箭头上时，它会停止滚动，然后它会反转它的方向。我尝试使用自定义事件，但似乎它不起作用。这是轮播的代码。

$('#gallery').carouFredSel({
    width: "variable",

    auto: {
        items                   : 4,
        duration                :"40000",
        easing                  :"linear",
        timeoutDuration         :0,
        pauseOnHover        :"immediate"
        },
    items: {
        visible: 3
    }

});

现在我的自定义事件将导致轮播反转是方向是这样的。但直到完成滚动的整个项目才起作用。我想要实现的是在悬停时瞬间反转方向。

$('a.prev').hover(function()
{
    $('#gallery').trigger("pause");
    $('#gallery').trigger("configuration",["direction",right]);
    $('#gallery').trigger("play");
}

上面的代码不起作用，我尝试了不同的事件来模拟滚动的反转，但没有运气。

如果没有解决方法。我愿意更改另一个可以轻松完成工作的插件。如果您知道可以轻松完成的事情，请留下您的建议。非常感谢！

4

1 回答 1

0

这完全取决于轮播是如何实现的。一个可能的解决方案可能是停止eventPropagation. 它可能会或可能不会工作，具体取决于轮播的实施。

$('a.prev').hover(function(event)
{
    event.stopPropagation();
    $('#gallery').trigger("pause");
    $('#gallery').trigger("configuration",["direction",right]);
    $('#gallery').trigger("play");
}
于 2013-02-14T10:55:14.340 回答