jcarousel停在鼠標懸停

Question

我是一名平面設計師，我正在嘗試使用一些精彩的jQuery腳本編寫我的新投資組合。我想在鼠標懸停時停止jcarousel（http://sorgalla.com/projects/jcarousel/）。

任何幫助表示讚賞。謝謝！

Answer 1

您可以傳遞在輪播初始化後調用的initCallback函數。

此功能將這樣的伎倆： http://groups.google.com/group/jquery-en/browse_thread/thread/f550b94914d10065

Answer 2

var isMouseOver = false; 
$(this).mouseover(function(){ 
isMouseOver = true; 
}).mouseout(function(){ 
isMouseOver = false; 
}); 
//add by koumei--> 
function go(to) { 
... 
... 

距離http://blog.koumei.net/2011/06/01/jcarousel-lite-mouse-hover-event-improvement/

Answer 3

爲了更徹底地回答海爾特的回答（順便說一句，它的偉大工程），

你的設置中你添加initCallback函數：

initCallback: function(jc, state) { 
       if (state == 'init') { 
       /* Pause carousel scrolling when a user mouses overs an item and restart the scrolling when they mouse out. 
       * Written by cormac at finisco dot com 19/2/2009 based on work by Jeremy Mikola: 
       * http://groups.google.com/group/jquery-en/browse_thread/thread/f550b94914d10065 
       */ 
        jc.startAutoOrig = jc.startAuto; 
        jc.startAuto = function() { 
         if (!jc.paused) { 
          jc.startAutoOrig(); 
         } 
        } 
        jc.pause = function() { 
         jc.paused = true; 
         jc.stopAuto(); 
        }; 
        jc.play = function() { 
         jc.paused = false; 
         jc.startAuto(); 
        }; 
        $('li.jcarousel-item').mouseover(function() { 
         jc.pause(); 
        }); 
        $('li.jcarousel-item').mouseout(function() { 
         jc.play(); 
        }); 
       }; 
       jc.play(); 
      }, 

Answer 4

以下功能可能對停止動畫有用

itemLoadCallback: { 
     onBeforeAnimation: function(jc,state){ 
      jc.lock(); 
    } 
    }