文件名称:blurry-image-load:渐进式图像加载库。 受Medium的类似技术启发
文件大小:17.97MB
文件格式:ZIP
更新时间:2024-04-21 03:03:54
javascript css html image-loading progressive-image-loading
图像加载模糊 概要 一个简单的库,可按需加载图像。 在加载图像之前,将显示每个图像的非常小的版本,并在其上显示模糊滤镜。 受到Medium相似风格的渐进式图像加载的启发。 下面是一个示例: 如果用户的浏览器不支持CSS过滤器,则会显示空白的灰色闪光,直到加载完整尺寸的图像为止。 下面是一个示例: 安装 下载blurry-load.min.css和blurry-load.min.css blurry-load.min.js文件(位于dist文件夹中),并将其包含在HTML中: < link rel =" stylesheet " href =" blurry-load.min.css " /> < script src =" blurry-load.min.js " > </ script > 注意:如果您不希望在不支持CSS过滤器的浏览器中看到微小的像素化图像,请在HTML的head
【文件预览】:
blurry-image-load-master
----index.html(4KB)
----.eslintrc(275B)
----yarn.lock(159KB)
----src()
--------demo.css(683B)
--------blurry-load.js(2KB)
--------script.js(71B)
--------blurry-load.css(1KB)
----img()
--------image-6.jpg(52KB)
--------image-12-small.jpg(1KB)
--------image-5-small.jpg(774B)
--------image-8.jpg(84KB)
--------image-7-small.jpg(761B)
--------image-9-small.jpg(1KB)
--------image-10.jpg(64KB)
--------image-2.jpg(3.64MB)
--------image-3-small.jpg(677B)
--------image-4.jpg(92KB)
--------image-9.jpg(99KB)
--------image-12.jpg(78KB)
--------image-10-small.jpg(1KB)
--------shimmer-effect.gif(2.06MB)
--------image-8-small.jpg(712B)
--------image-3.jpg(6.34MB)
--------blur-effect.gif(4.46MB)
--------image-11.jpg(127KB)
--------image-2-small.jpg(722B)
--------image-1()
--------image-4-small.jpg(763B)
--------image-11-small.jpg(1KB)
--------image-6-small.jpg(710B)
--------image-7.jpg(98KB)
--------image-5.jpg(42KB)
----gulpfile.js(3KB)
----LICENSE.md(1KB)
----README.md(5KB)
----dist()
--------blurry-load.min.js(644B)
--------blurry-load.min.css(1KB)
----.gitignore(2KB)
----package.json(780B)