没有浏览器警告的虚拟img src

Question

我为我的网站构建了一个灯箱。出于这个问题的目的，它由一个img元素组成，默认情况下使用CSS隐藏。

当点击我网站上的缩略图时，使用带有相应路径的javascript覆盖img元素的src，然后使img可见。

我的问题是我在首次加载页面时如何设置img src？ 如果我将src留空，我会收到浏览器警告。 我宁愿不加载实际图像，因为这使用带宽。 我宁愿不加载1px的小透明图像，因为这感觉就像一个肮脏的黑客。

我还有其他选择吗？

Answer 1

使用JavaScript创建img元素。

如果某些标记（在偶尔的占位符div或span之外）在某些JS运行之前没有为用户添加任何内容，那么首先不要将它放在标记中。在需要时使用DOM操作添加它。