Z-индекс зависания JQuery вопрос

Question

У меня есть прозрачный png поверх окна слайд-шоу, настройки используют z-index. Мне нужно, чтобы можно было наводить курсор на верхнее / прозрачное изображение и запускать и останавливать показ слайдов. Сценарий, который я использую, хорошо работает для слайд-шоу, но мне нужен верхний прозрачный элемент div, чтобы быть «триггером». Как добавить этот div в этот скрипт? Давайте дадим прозрачному изображению идентификатор «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');
    });