[英]jQuery cycle fade effect an mouseover
我刚刚为网站制作了一个滑块,并带有一个寻呼机,该寻呼机可以在触发mouseover事件时更改幻灯片。 我正在使用jQuery Cycle插件2.99版本
问题是使用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 éé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>
希望这可以帮助!
我在小提琴中使用您的代码重新创建了一个滑块。 它与您发布的代码一起正常工作。 我假设您已经省略了pagerAnchorBuilder参数的代码。 我认为问题是您可能拥有一个事件侦听器,该事件侦听器正在捕获鼠标悬停事件,并可能通过返回false或其他内容来停止传播。 这个问题肯定看起来像是来自其他地方。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.