滚动时加载折叠页面下方的图像?
我需要在滚动时加载折叠页面下方的图像。 加载页面时,仅应加载折叠页面上方的图像。然后,当向下滚动折叠时,应该加载到达的图像。
我查看了 jquery Lazyload 插件,但无法使用新的浏览器版本,因为不再更新......
I need to load images below the fold page when scrolling.
When the page is loaded just the images above the fold page should be loaded. Then, when scrolling down the fold the reached image should load.
I took a look to the jquery Lazyload plugin, but isn't working with new browsers version because is not longer updated...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
访问此网站 http://developer.yahoo.com/yui/imageloader/
ImageLoader 实用程序允许您作为实施者延迟网页上图像的加载,直到您的用户可能看到它们。这可以通过推迟加载某些在页面首次呈现时不立即可见的图像来提高整体页面加载性能。由于图像通常是给定页面中最重的组件,因此延迟加载某些图像可以显着改善用户的页面“感觉”。
visit this site http://developer.yahoo.com/yui/imageloader/
The ImageLoader Utility allows you as an implementer to delay the loading of images on your web page until such a time as your user is likely to see them. This can improve your overall pageload performance by deferring the loading of some images that are not immediately visible at the time the page first renders. Because images are often the heaviest components of a given page, deferring the loading of some images can yield a marked improvement in the way the page "feels" to your user.
查看 jquery lazyload github 存储库 和 enabled_gazillion 示例,您将看到“真实图像 URL 存储在原始属性中”的引用。
这意味着,如果您使用这个无效的 html,它将在新浏览器中按预期工作。
我更喜欢原始的可配置的或 html5 样式的数据属性(所以也许我应该创建一个问题或拉取请求)。
Take a look at the jquery lazyload github repository and the enabled_gazillion example, you will see reference to "real image url is stored in original property."
This means, if you use this non-valid html, it will work as intended in new browsers.
I would prefer original was configurable or an html5 style data- attribute (so maybe I should create an issue or pull request).