文件名称：Lazy Load Remastered:用于延迟加载图像的 Vanilla JavaScript 插件-开源
文件大小：782KB
文件格式：ZIP
更新时间：2024-08-07 09:53:31
开源软件
延迟加载延迟加载长网页中的图像。 在用户滚动到它们之前，不会加载视口之外的图像。 这与图像预加载相反。 这是原始 Lazy Load 插件的现代原生 JavaScript 版本。 它使用 Intersection Observer API 来观察图像何时进入浏览器视口。 原始代码的灵感来自 Matt Mlinac 的 YUI ImageLoader 实用程序。 新版本大量借用 Dean Hume 的博客文章。 默认情况下，延迟加载假定原始高分辨率图像的 URL 可以在 data-src 属性中找到。 您还可以在 src 属性中包含一个可选的低分辨率占位符。 如果您愿意，您可以明确地将图像元素传递给工厂。 例如，如果您使用不同的类名，请使用它。 低分辨率占位符即。 “模糊”技术。 通过 data-srcset 支持延迟加载响应图像。 如果浏览器不支持 srcset 并且没有 polyfill，将显示来自 data-src 的图像。
【文件预览】：
tuupola-lazyload-e52dcc7
----jquery.lazyload.js(9KB)
----.jshintrc(210B)
----enabled_gazillion.html(27KB)
----CHANGELOG.textile(7KB)
----bower.json(549B)
----Gruntfile.js(1KB)
----enabled_wide_container.html(6KB)
----disabled.html(5KB)
----img()
--------transparent.gif(43B)
--------viper_1.jpg(136KB)
--------bmw_m1_hood.jpg(141KB)
--------white.gif(43B)
--------corvette_pitstop.jpg(138KB)
--------viper_corner.jpg(136KB)
--------bmw_m3_gt.jpg(160KB)
--------bmw_m1_side.jpg(145KB)
--------grey.gif(43B)
----jquery.lazyload.min.js(3KB)
----jquery.scrollstop.js(2KB)
----CONTRIBUTING.md(2KB)
----enabled_container.html(6KB)
----README.md(2KB)
----enabled_fadein.html(6KB)
----enabled_ajax.html(5KB)
----enabled.html(6KB)
----jquery.scrollstop.min.js(796B)
----enabled_wide.html(6KB)
----enabled_timeout.html(6KB)
----lazyload.jquery.json(1KB)
----enabled_background.html(6KB)
----.gitignore(12B)
----enabled_noscript.html(7KB)
----package.json(876B)