2011-04-06 119 views
0

是否可以使用jQuery循环插件中的pause命令显示一个transsparent .png?jQuery Cycle Plugin - 暂停图像上悬停?

我能得到它在我的DIV上悬停暂停,但想扔在悬停的div格兰中心暂停图标...

有什么想法?

+0

哪部分是你真正遇到问题的源代码?显示“已暂停”图标? – 2011-04-06 20:10:25

+0

是的,我可以让它暂停悬停,但我无法弄清楚如何显示图像,一旦这个行动被煽动。 – 2011-04-06 20:36:02

回答

2

我相当肯定jQuery.cycle没有这个建于但是,你总是可以绑东西,同样的元素引起的暂停:

$('#gallery').cycle({pause:1}); 
$('#gallery').hover(function() { 
    $('#pauseIcon').show(); 
}, function() { 
    $('#pauseIcon').hide(); 
}); 

和/或

$('#pause').click(function() { 
    $('#gallery').cycle('pause'); 
    $('#pauseIcon').toggle(); 
} 
+0

甜...你的第一个选项似乎最简单,效果很好。我做了一个100x100 div与透明背景图像......一个怪癖......当我把鼠标放在100x100 div ......它闪烁......任何决议或想法为什么? – 2011-04-06 21:14:16

+0

这可能是因为当你徘徊在100x100div上时,你不再徘徊在画廊上。所以它被隐藏起来了,并且因为你现在再次在#gallery上徘徊,显示,然后隐藏等等。你可以使悬停函数$('#gallery')。append('

');用适当的$('#pauseIcon')。remove();之后。 – thugsb 2011-04-06 21:18:52

0

认为它们是分开的。例如,有悬停周期暂停,与此同时,你有一个div包装你的可视图像帧,其中包含一个暂停图像定位适当,当你悬停在div中显示。

0

幻灯片的jQuery插件的幻灯片有一个选项“hoverPause”,你可以检查从http://slidesjs.com