jQuery循環淡入淡出效果鼠標懸停

我剛剛爲網站製作了滑塊，當觸發鼠標懸停事件時，使用分頁器更改幻燈片。我正在使用jQuery循環插件2.99版jQuery循環淡入淡出效果鼠標懸停

問題在於使用pagerEvent'mouseover'時淡入效果消失了。

我不知道是什麼問題，因爲當我改變pagerEvent點擊淡入淡出效果工作正常。

任何人都可以幫忙嗎？

謝謝！

的JavaScript代碼：

function initSlideshow() { 
$('#slides') 
.before('<div id="nav">') 
.cycle({ 
    timeout: 0, 
    speed: 1500, 
    pager: '#nav', 
    pagerEvent: 'mouseover', // name of event which drives the pager navigation 
    pauseOnPagerHover: true 
}); 
}

HTML：

<div id="slider_wrapper">   
    <div id="nav"> 
     <a id="slide_1" href="#" class="">Dakkapellen</a> 
     <a id="slide_2" href="#" class="">Dakkapellen</a> 
     <a id="slide_3" href="#" class="">Dakkapellen</a> 
     <a id="slide_4" href="#" class="">Dakkapellen</a> 
    </div> 
    <div id="slides"> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_01.jpg" alt="" /></div> 
       <div class="title">Dakkapel al vanaf</div> 
       <a href="#" title=""></a> 
      </div> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_02.jpg" alt="" /></div> 
       <div class="title">Dakvenster vanaf</div> 
       <a href="#" title=""></a> 
      </div> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_03.jpg" alt="" /></div> 
       <div class="title">Nieuwe zolder in &eacute;&eacute;n week</div> 
       <a href="#" title=""></a> 
      </div> 
      <div class="slide"> 
       <div class="image"><img src="images/sfeer/sfeer_04.jpg" alt="" /></div> 
       <div class="title">Rente fiscaal aftrekbaar!</div> 
       <a href="#" title=""></a> 
      </div> 
     </div> 
    </div>

希望這有助於！

來源

2012-02-15 Blaater

你能給我們一些代碼示例或你的頁面演示嗎？ jsfiddle也許？ – 2012-02-15 12:52:24

發佈一個求助信息 – Yorgo 2012-02-15 12:52:41

請張貼一些代碼 – 2012-02-15 12:53:44

我使用您的代碼at this fiddle重新創建了滑塊。它適用於您發佈的代碼。我假設你已經遺漏了pagerAnchorBuilder參數的代碼。我認爲問題是你可能有一個事件監聽器捕獲mouseover事件，並可能通過返回false或其他東西來停止傳播。這個問題看起來像是來自其他地方。

來源

2012-02-15 14:26:54

啊，我想我已經找到了問題。尋呼機中的文本正在被Cufon取代。當我徘徊Cufon它不起作用，當我禁用時，它確實工作。發帖前應該檢查一下，對不起。感謝您的幫助！ – Blaater 2012-02-15 15:54:32

沒問題，很高興你解決了這個問題。 – 2012-02-15 20:34:25

jQuery循環淡入淡出效果鼠標懸停

回答

相關問題