
百度图片加载时先模糊后清晰的效果是怎样实现的? 20
2个回答
展开全部
打开一些网上的相册,
在加载照片的时候,
如果网速比较慢加载慢的话,
它会先显示一个类
似模糊有点小马赛克的质量比较差的照片,
然后慢慢的变为清晰的照片,
这样避免了用户在
浏览照片的时候页面一片空白的情况,在
html
中
IMG
有个
lowsrc
属性
<img lowsrc="" src="" width="300" height="200" border="0" />
把图片的缩略图
放在
lowsrc
里面,这样的话因为缩略图是缩小的,按照原图片的比例显
示就会有马赛克!
src
里填写
原图片!
这样的话,原图片比较大,下载的慢,
lowsrc
的缩略图小加载快,所以会先显示被拉伸的
缩略图,等大图下载完成后会显示原图,
这样有个时间差,就是出现先由马赛克,
然后变清
晰的效果!
在加载照片的时候,
如果网速比较慢加载慢的话,
它会先显示一个类
似模糊有点小马赛克的质量比较差的照片,
然后慢慢的变为清晰的照片,
这样避免了用户在
浏览照片的时候页面一片空白的情况,在
html
中
IMG
有个
lowsrc
属性
<img lowsrc="" src="" width="300" height="200" border="0" />
把图片的缩略图
放在
lowsrc
里面,这样的话因为缩略图是缩小的,按照原图片的比例显
示就会有马赛克!
src
里填写
原图片!
这样的话,原图片比较大,下载的慢,
lowsrc
的缩略图小加载快,所以会先显示被拉伸的
缩略图,等大图下载完成后会显示原图,
这样有个时间差,就是出现先由马赛克,
然后变清
晰的效果!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询