我在一个包含一些图像幻灯片的项目上使用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>
以使其始终真实且一致。
帮助!谢谢 :)