2010-12-11 44 views
0

我使用Avia滑塊創建圖像旋轉器,但是我稍微修改了代碼,以便在使用下面的代碼將鼠標懸停在滑塊上方時更改圖像:jQuery功能未完成/ Avia Slider

if(options.autorotation == false) 
       { 
       $('.mask').mouseenter(function() { 
        currentSlideNumber ++; 
        if(currentSlideNumber == slideCount) currentSlideNumber = 0;  
        slideWrapper.methods.switchSlide();   
});    
       $('.mask').mouseleave(function() { 
        currentSlideNumber ++; 
        if(currentSlideNumber == slideCount) currentSlideNumber = 0;  
        slideWrapper.methods.switchSlide(); 

}); 

} 

它工作正常,但我注意到,如果您在轉換完成之前將鼠標移出,它會中斷。我該如何實現這一點,以便如果用戶在轉換進行過程中將我們或我的鼠標懸停在其中,則不會損壞滑塊。

這裏有一個鏈接到我的完整的代碼zip文件:http://www.wearegrove.co.uk/fader.zip

謝謝, 克里斯

回答

0

嘗試用

$('.mask').mouseenter(function() { 
     if(!skipSwitch) 
     { 
      currentSlideNumber ++; 
      if(currentSlideNumber == slideCount) 
      currentSlideNumber = 0; 
      slideWrapper.methods.switchSlide(); 
     } 

        }); 
$('.mask').mouseleave(function() { 
     if(!skipSwitch) 
     { 
      currentSlideNumber ++; 
      if(currentSlideNumber == slideCount) currentSlideNumber = 0;  
      slideWrapper.methods.switchSlide(); 
     } 

        }); 

} 

更換上面的代碼希望這會工作。

讓我知道你是否想要解釋它是如何工作的。

+0

嗨傑裏,謝謝你。雖然它在某種程度上改進了功能 - 如果用戶在動畫執行時將鼠標移出,但動畫完成後仍不會恢復。如果用戶在動畫期間已被隱藏,則應該重複 - 也可以在鼠標移出時執行動畫時將鼠標移入。這是我試圖達到的效果。謝謝,克里斯。 – 2010-12-13 18:46:07