Question

我正在使用来自http://fancybox.net/的jQuery插件FancyBox，我基本上将它用于“隐藏的图库”;这意味着图像根本不显示在页面上，图库通过文本链接启动，然后用户可以在打开后扫描它们。

为实现这一点，我正在做这样的事情：

<div class="all_images">
    <a href="images/1.png" class="gallery" rel="g1"></a>
    <a href="images/2.png" class="gallery" rel="g1"></a>
    <a href="images/3.png" class="gallery" rel="g1"></a>
</div>

然后在CSS中我做：

.all_images {
    display: none;
}

现在我想知道图像是否是这样下载的，因为它们是隐藏的，还是因浏览器而异？

我可能更喜欢它，如果他们没有，因为一些图像可能很大，我不希望用户下载一堆图像，如果他们不想查看它们。

Answer 1

在您的示例中，您没有显示<img/>个元素。您只有链接到图像的超链接（如果单击）。没有下载。

如果它们是<img/>标记，即使它们设置为display:none

，也会下载它们

Answer 2

如果您希望通过删除不必要的图像下载来优化页面。您可以将所有这些图像合并到一个大图像中，并将此图像作为背景图像加载;然后，您可以利用CSS后台位置;在每个项目下使用图像的属性（div，a，li et-al）。这样，您只需要一个http请求来加载所有图像，这是一种很好的页面优化技术，可以避免不必要的http请求。

隐藏图像时会下载吗？

2 个答案: