Question

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

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

我不是那些迷恋自己解决问题的JavaScript。简短解释我正在尝试做什么：

旋转木马是一个奇特的产品滑块，按照我的预期工作。但重点是产品描述应该作为工具提示提供。因此，如果显示工具提示，我必须停止旋转木马，并在工具提示关闭后重新启动它。仅供参考：tooltip Plugin是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
        }); 
 });

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

2 个答案: