jQuery cycle fade effect mouseover

Question

방금 ​​mouseover 이벤트가 발생했을 때 슬라이드를 변경하는 호출기를 사용하여 웹 사이트 용 슬라이더를 만들었습니다. jQuery cycle plugin 버전 2.99를 사용하고 있습니다.

pagerEvent 'mouseover'를 사용하는 동안 페이드 효과가 사라지는 것이 문제입니다.

pagerEvent를 변경하면 페이드 효과가 제대로 작동하기 때문에 문제가 무엇인지 알 수 없습니다.

아무도 도와 드릴 수 있습니까?

감사합니다.

자바 스크립트 코드 :

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> 

희망!

Answer 1

코드 at this fiddle을 사용하여 슬라이더를 다시 만들었습니다. 그것은 당신이 게시 한 코드로 잘 작동합니다. pagerAnchorBuilder 매개 변수에 대한 코드를 생략했다고 가정합니다. 문제는 mouseover 이벤트를 캡처하고 false 또는 다른 것을 반환하여 전달을 중지 할 수있는 이벤트 리스너를 가질 수 있다고 생각합니다. 문제는 확실히 다른 곳에서 오는 것처럼 보입니다.