javascript - 如何通过外部控件/事件启动/停止 jCarousel

Question

对于当前项目，我需要触发jCarousel 插件的开始/停止事件。

carousel.stopAuto();
carousel.startAuto();

我不是那种自己解决问题的 JavaScript 上瘾。简短说明我正在尝试做的事情：

旋转木马是一个精美的产品滑块，并且已经按我的预期工作。但关键是产品描述应该作为工具提示提供。因此，如果显示工具提示，我必须停止轮播，并在工具提示关闭后重新启动它。仅供参考：工具提示插件是 Cluetip。有人对我有什么建议吗？

Answer 1

找到了解决方案。使用以下函数作为轮播设置的初始化回调。

function initCarousel (carousel) {

    jQuery('#cluetip').live('mouseover mouseout', function(event) {       

        // Disable default action
        event.preventDefault();

        // Stop carousel at mouseover
        if (event.type == 'mouseover') {
            carousel.stopAuto();
        };

        // Restart carousel at mouseout
        if (event.type == 'mouseout') {
            carousel.startAuto()
        }; 
    });

};

Answer 2

试试下面的代码。这对我来说可以 ：）

前任 ：

function mycarousel_initCallback(carousel)
{
   carousel.clip.hover(function() {
        carousel.stopAuto();
     }, function() {
        carousel.startAuto();
   });
};

$(document).ready(function() {
       $('#mycarousel').jcarousel({
             initCallback: mycarousel_initCallback
        }); 
 });