jquery - 循环 2 寻呼机样式

Question

请您告诉我如何使用自定义图像创建寻呼机，以便在幻灯片更改时当前寻呼机更改为不同的图像？

在下面的示例中，我希望在激活不同的幻灯片时更改循环寻呼机图像。

<div class="cycle-pager">


<img src="images/play.png">
<img src="images/cafe.png">
<img src="images/party.png">
</div><!---end cycle-pager------>



<div  class="cycle-slideshow"
data-cycle-fx=scrollHorz
data-cycle-pager=".cycle-pager"
data-cycle-pager-template=""

>
<img src="images/img1.png">
<img src="images/img2.png">
<img src="images/img3.jpg">
</div>

任何帮助表示赞赏！

Answer 1

我解决了我的问题！

如果其他人遇到与我相同的问题，这就是我所做的..

我创建了一个 .cycle-pager-active 类，并在 css 中给了它最低的不透明度。然后我将循环寻呼机的位置设置为绝对位置，并给它一个背景图像，其中包含整个寻呼机的全高和全宽：

.cycle-pager-active {
   background:white;
   opacity:.10;
filter:Alpha(opacity=10);
}
.cycle-pager {
width:157px;
height:471px;
float:left;
background-image:url(../images/selector.jpg);
position:absolute;

}