0

我在一个包含一些图像幻灯片的项目上使用cycles.js,如下所示:

<div id="cycles">
    <img src="1">
    <img src="2" style="display:none;">
    <img src="3" style="display:none;">
</div>

除了第一个 img 之外,我给了所有内容“显示:无;” 修复页面未完全加载时有时发生的图像堆叠或闪烁。Cycles 然后将图像显示属性更新display:block;为需要时,这就是我想要的。

但是现在当我将这些图像包装在<a></a>标签中时,这些标签会受到循环的影响,而不是其中的子标签。<a></a>标签继承,display:block;但图像保留 display:none;且不显示。

那么我如何告诉循环来影响第二个标签,而不是第一个?我只会将每张图片幻灯片包装起来,<a href="#"></a>以使其始终真实且一致。

帮助!谢谢 :)

4

0 回答 0