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

Question

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

当单击我网站上的缩略图时，img 元素的 src 将使用具有适当路径的 javascript 覆盖，然后使 img 可见。

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

我还有其他选择吗？

Answer 1

使用 JavaScript 创建 img 元素。

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