Question

在使用prettyPhoto插件的网页上工作以显示图库时，我需要将超链接添加到图库部分中显示的图片。但是这些超链接导致图像下的空白区域负责启动图库。

演示代码如下所示。

 <div class="folio-image">
          <a href="images/slider/coverimage.jpg" rel="prettyPhoto[gallery]"><div class="overShadow"></div><h3>Slider title</h3><img src="images/slider/image1.jpg" class="img-responsive max-400" /></a>
          <a href="images/slider/31.jpg" rel="prettyPhoto[gallery3]" width="0" height="0" display="none !important" ><img src="images/slider/31.jpg" width="0" height="0" display="none !important" /></a>
</div>

在上面的代码中，Folio-image div表示保存负责加载图库弹出窗口的图像的部分。 overShadow用于显示图像上的文本。第一个a标记表示负责启动图库弹出窗口的图像。后面跟随的锚标记指的是包含在其中的其他图像。我需要隐藏这些锚标签所占用的空白区域。已经尝试display="none"也标记为important，这似乎也没有用。我怎么能解决这个问题？

Answer 1

试试这个或请发布一个工作示例/截图

waitAsync(1000); // sleep to one second

无法使用display属性隐藏锚标记

1 个答案: