Z-index悬停jquery问题

Question

我在幻灯片框上有一个透明的 png，设置使用 z-index。我需要能够将鼠标悬停在顶部/透明图像上，并让底层幻灯片在悬停时开始和停止。我使用的脚本对于幻灯片放映效果很好，但我需要顶部透明 div 作为“触发器”。如何将此 div 添加到此脚本中？让我们为透明图像指定 ID“trans_image”。另外，如果您能链接到这方面的好教程，我将不胜感激！

$(document).ready(function() {
$('.slideshow').cycle({
    fx: 'fade', 
    speed: 1,
     delay:  1, 
        speed:  1
  }).cycle("pause").hover(function() {
        $(this).cycle('resume');
  },function(){
        $(this).cycle('pause');
  });
});

Answer 1

没有看到你的 HTML 布局很难说，但是你尝试过吗？

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