Javascript 如果未单击链接，是否加载链接中的花式方框图像？

如果用户需要，我可以在站点上使用来显示次映像。讨论中的图像位于fancybox链接中，如下所示：

<a class="fancybox" title="Click to see more detail" href="media/more-detailed-image.jpg"><img src="media/image-name.jpg" alt="etc"></a>

浏览器是否加载fancybox图像，即使用户没有单击它们？

否。 AFAIK fancy box和类似的脚本将css

display

属性设置为

none

，从而阻止渲染该元素

因此，除非图像变得可见，否则浏览器不会获取图像

---

请参阅。

浏览器将加载内容，即使该内容的css声明“显示：无”；在锚（

标记）的

href

属性中设置的对外部内容（图像、html页面、pdf文档等）的引用将永远不会被浏览器加载，它只是一个引用。但唯一的例外是由文档中某个节的ID引用的内联内容，如

href=“#inlinecontentid”

。无论您是否使用fancybox，这都是有效的。请记住，

标记的

src

属性中的图像总是由浏览器加载，不管它们是否可见。很好的解释，谢谢。我会把它标记为一个解决方案，但鉴于它在评论中，我不能这样做。