Z-index悬停jquery问题

时间:2011-12-12 18:32:34

标签: jquery hover z-index slideshow

我在幻灯片框上有一个透明的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');
  });
});

1 个答案:

答案 0 :(得分:3)

很难说没有看到你的HTML布局,但你试过这个吗?

$('#trans_image').hover(function() {
        $('.slideshow').cycle('resume');
    },
    function() {
        $('.slideshow').cycle('pause');
    });