有没有办法使用 javascript/jquery 来防止图像加载？我正在从带有图像的 html 列表构建幻灯片。所以我想收集所有的 src 数据，然后阻止图像加载。所以稍后当用户真正需要图像时，我会加载它。
我在谷歌上发现了一些延迟加载脚本，但找不到它们阻止图像加载的方式。
提前致谢。
编辑 1：
从答案看来，不可能使用 javascript 来阻止图像加载。
这是一个执行延迟加载的脚本。有人能解释一下它是如何工作的吗？似乎当javascript关闭时它只是正常加载图像，当它打开时它会在你滚动到它们的位置时加载它们。
您可以将图像包装在 noscript 标签中：
<noscript>
<img src="foo.jpg"/>
</noscript>
所有启用了 JavaScript 的浏览器都将忽略图像标签，因此图像不会加载。
如果您在页面上呈现 HTML，即使它是隐藏的，它也会加载。如果您希望图像仅在需要时加载，则必须在 javascript 中的图像标签上动态设置源 (src)。
编辑 1：您引用的脚本只是检查您向下滚动页面的距离，然后通过检查它们的顶部来确定哪些图像可见（或几乎可见）——请参阅 $.belowthefold 和 $.rightoffold 扩展名。
当图像大小相同时，该示例效果很好，因为它们的容器也可以具有相同的大小，并且在延迟加载它们时不会出现任何奇怪的页面大小调整行为。如果您的图像的高度和宽度不同，您可能会得到一些奇怪的结果。
编辑2：
<script type="text/javascript" charset="utf-8">
$(document).ready( function() { $("img").removeAttr("src"); } );
</script>
<img src="Chrysanthemum.jpg" />
<img src="Desert.jpg" />
<img src="Hydrangeas.jpg" />
<img src="Jellyfish.jpg" />
<img src="Koala.jpg" />
<img src="Lighthouse.jpg" />
<img src="Penguins.jpg" />
<img src="Tulips.jpg" />
将 URL 存储在其他地方，然后将所有图像 URL 设置为某个虚拟图像（空的、透明的、“正在加载数据...”等等）。当需要显示图像时，使用 JS 设置src属性，浏览器将获取它。
好吧，使用 Prototype，我猜你可以做这样的事情：
var unloaded = [];
$$('img.noload').each(function (image) {
unloaded.push(image);
image._src = image.src;
image.src = '';
});
要加载所有这些：
unloaded.each(function (image) {
image.src = image._src;
});
加载第一个：
function loadImage (image) {
image.src = image._src;
}
loadImage(unloaded.shift());
好吧，我希望你有这个想法。
只是不要在原始 HTML 中包含 img 标记，根据需要使用 DHTML 即时生成它。您还可以在 img 标签中放置一个假的 url 图像，并动态替换为真实的。
在旁注 - 有什么意义。您在这里要做的就是在现有缓存机制上构建另一种缓存机制。把缓存留给浏览器，他们很擅长这个