如果您在页面上呈现HTML，则即使HTML被隐藏，也将被加载。如果您希望仅在需要时才加载图像，则必须在javascript中的image标记上动态设置源（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" />
