jQuery Cycle Plugin - 悬停在暂停图像上?

时间:2011-04-06 20:07:06

标签: jquery jquery-plugins

是否可以使用jQuery循环插件中的pause命令显示trasparent .png?

我可以让它暂停悬停在我的DIV上,但是想悬停在div的中心暂停一个暂停的图标......

有什么想法吗?

3 个答案:

答案 0 :(得分:2)

我很确定jQuery.cycle没有内置的。但是,你总是可以将某些东西绑定到导致暂停的相同元素:

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

和/或

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

答案 1 :(得分:0)

将它们视为独立的。例如,在悬停时有周期暂停,同时,你有一个div包装你的可视图像帧,其中包含一个适当定位的暂停图像,当你将鼠标悬停在div中时显示。

答案 2 :(得分:0)

jQuery幻灯片插件的幻灯片有一个选项' hoverPause',您可以查看来自http://slidesjs.com的源代码