我做了一个cycle2幻灯片放映。我希望在滑块中的特定图像处于活动状态时触发JQuery功能

Question

HTML

 <div class="cycle-slideshow" id="cycle-1" style="float:left;" 
   data-cycle-fx=scrollHorz 
   data-cycle-timeout=3000 >

 <img src="./responsive/img/java1.gif">
 <img src="./responsive/img/java2.gif">
 <img id="trigger" src="./responsive/img/clown.gif">
 <img src="./responsive/img/java4.gif">
 </div>

<div id="target" style="position:absolute;top:50px;left:350px">
        <img src="./responsive/img/java5.gif">  
</div>

幻灯片显示有效。我希望在滑块中的小丑图像处于活动状态时隐藏静态图像（id =“target”），并在滑块中的任何其他图像处于活动状态时再次显示

当小丑图像处于活动状态时，jQuery函数是这样的：

$（ '＃靶'）的CSS（ '能见度'， '隐藏'）;

我做了一个JsFiddle： http://jsfiddle.net/mapsylno/nA9Yx/4/

Answer 1

看看：

Fire jQuery event on div change

您可以在cycle-1上设置div更改事件，检查其处理程序中显示的图像，并相应地切换target图像上的css。

这不适用于IE，正如我已经指出的答案中所解释的那样。