我做了一个自行车2幻灯片.我想在滑块中的特定图像处于活动状态时触发JQuery函数

I did a cycle2 slideshow. I want to trigger JQuery function when specific image in slider is active

本文关键字：图像 活动状态 JQuery 函数 一个 幻灯片 自行车      更新时间：2023-09-26

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函数是这样的：

$('#target'(.css('visibility'，'hidden'(；

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

看看：

在div更改上引发jQuery事件

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

这在IE上不起作用，正如我在给你的答案中所解释的那样。

相关文章：