如何通過外部控件/事件啓動/停止jCarousel

Question

對於當前項目，我需要觸發jCarousel Plugin的啓動/停止事件。

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

我不是說JavaScript自己沉迷於解決問題。一個簡短的解釋，我想要做的事：

旋轉木馬是一個奇特的產品滑塊，並已工作已經如我所料。但關鍵是產品描述應作爲工具提示提供。所以我必須停止旋轉木馬，如果顯示工具提示，並在工具提示關閉後重新啓動它。 FYI：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 
     }); 
});