滚动时我需要在折叠页面下方加载图像。 加载页面时,只应加载折页上方的图像。然后,当向下滚动折叠时,应该加载到达的图像。
我看了一下jquery的Lazyload插件,但是没有使用新的浏览器版本,因为不再更新......
答案 0 :(得分:0)
访问此网站http://developer.yahoo.com/yui/imageloader/
ImageLoader Utility允许您作为实施者延迟加载网页上的图像,直到您的用户可能看到它们为止。这可以通过延迟加载在页面首次渲染时不会立即显示的某些图像来提高整体页面加载性能。由于图像通常是给定页面中最重的组件,因此推迟加载某些图像可以显着改善页面“感觉”给用户的方式。
答案 1 :(得分:0)
查看jquery lazyload github repository和enabled_gazillion示例,您会看到“真实图片网址存储在原始属性中”的引用。
这意味着,如果您使用此无效的html,它将在新浏览器中按预期工作。
<img src="transparent.gif" original="realimage.gif" />
我更喜欢原始版本是可配置的还是html5样式的数据属性(所以也许我应该创建一个问题或拉取请求)。