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

Question

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

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

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

我还有其他选择吗？

Answer 1

使用 JavaScript 创建 img 元素。

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