0

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

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

<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;
}

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

如果他们不这样做，我可能会更喜欢它，因为某些图像可能很大，并且如果用户不想查看它们，我不希望用户下载一堆图像。

4

2 回答 2

5

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

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

于 2012-12-23T18:24:06.950 回答
0

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

于 2012-12-23T18:43:48.137 回答