我在包含一些图像幻灯片的项目中使用了cycles.js:
<div id="cycles">
<img src="1">
<img src="2" style="display:none;">
<img src="3" style="display:none;">
</div>
除了第一个img之外我给了所有的'display:none;'修复页面未完全加载时有时会发生的图像堆叠或闪烁。然后,Cycles会在需要时将图像显示属性更新为display:block;
,这就是我想要的。
但是现在当我将这些图像包装在<a></a>
标签中时,这些标签会受到周期的影响,但不受这些标签内部的子标签的影响。 <a></a>
代码会继承display:block;
,但图片会保留display:none;
并且不会显示。
那么如何告诉周期反而影响第二个标记,而不是第一个?我将在<a href="#"></a>
中包装每张图片幻灯片,以使其始终真实和一致。
帮助!谢谢:))