我在幻灯片框上有一个透明的png,设置使用z-index。我需要能够将鼠标悬停在顶部/透明图像上,并使基础幻灯片显示在悬停时开始和停止。我使用的脚本适用于幻灯片放映但我需要顶部透明div作为触发器'。如何将此div添加到此脚本?让我们为透明图像提供" trans_image的ID。"此外,如果您可以链接到一个很好的教程,我会很感激!
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
speed: 1,
delay: 1,
speed: 1
}).cycle("pause").hover(function() {
$(this).cycle('resume');
},function(){
$(this).cycle('pause');
});
});
答案 0 :(得分:3)
很难说没有看到你的HTML布局,但你试过这个吗?
$('#trans_image').hover(function() {
$('.slideshow').cycle('resume');
},
function() {
$('.slideshow').cycle('pause');
});