延迟加载图像进入视口时加载图像
我最近一直在浏览博客/网站，只有在滚动到可见视口时加载图片。 它然后淡入它们。是否有一个jQuery …甚至Wordpress插件可以做到这一点？
例如http://icodeblog.com
关于JavaScript的一个好处是你可以查看源代码并查看最新情况。 查看源后我发现了这个：
LazyReady： http ：//plugins.jquery.com/project/LazyReady
你可以试试我写的jQuery插件，它使用html注释来延迟加载任意位的html，包括图像：
jQuery Lazy Loader博客文章
jQuery Lazy Loader插件页面
这是一个例子：
–>
Any, html css img background, whatever. 
所以基本上你用一个占位符标签和内部html注释来包装你想要延迟加载的内容。 当占位符在视口中变为可见时，它将替换为注释中的html字符串。
您可以为占位符使用任何标记，但我喜欢pre，因为当内部只有注释时它会呈现为0维。
希望这可以帮助！ @MW_Collins