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

gea*_*tal 1 javascript jquery jcarousel cluetip

对于当前项目,我需要触发jCarousel插件的启动/停止事件.

carousel.stopAuto();
carousel.startAuto();
Run Code Online (Sandbox Code Playgroud)

我不是那个迷恋自己解决问题的JavaScript.我正在尝试做的简短解释:

旋转木马是一个花哨的产品滑块,按照我的预期工作.但重点是产品描述应该作为工具提示提供.因此,如果显示工具提示,我必须停止旋转木马,并在工具提示关闭后重新启动它.仅供参考:工具提示插件是Cluetip.有人对我有什么建议吗?

gea*_*tal 5

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

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

};
Run Code Online (Sandbox Code Playgroud)