博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片的延时加载
阅读量:5303 次
发布时间:2019-06-14

本文共 600 字,大约阅读时间需要 2 分钟。

对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。这里用的插件Lazy Load

这里提供教程网站:http://code.ciaoca.com/jquery/lazyload/

这里只需要引入  jquery-1.11.1.min.js和jquery.lazyload.min.js

注意 :将真实图片地址写在 data-original 属性中,而 src 属性中的图片换成占位符的图片(例如 1x1 像素的灰色图片或者 loading 的 gif 图片) 添加 class="lazy" 用于区别哪些图片需要延时加载,当然你也可以换成别的关键词,修改的同时记得修改调用时的 jQuery 选择器,添加width 和height属性有助于在图片未加载时沾满所需的空间。

这样就可以实现了,是不是很easy。哈哈
图片延迟加载
BMW M1 Hood
BMW M1 Side
Viper 1
Viper Corner
BMW M3 GT
Corvette Pitstop

效果的话,我们可以用360浏览器保存网页图片功能进行观看

转载于:https://www.cnblogs.com/jianjianyang/p/4975190.html

你可能感兴趣的文章
微软BI 之SSAS 系列 - 多维数据集中度量值设计时的聚合函数 (累加性_半累加性和非累加性)...
查看>>
thinkphp5的控制器调用自身模块和调用其他模块的方法
查看>>
钻牛角尖の根据时间计算周次
查看>>
bzoj 1029: [JSOI2007]建筑抢修
查看>>
【英语】IT English (随时更新...)
查看>>
php采集
查看>>
8.25 ccpc 比赛总结
查看>>
一台java服务器可以跑多少个线程?
查看>>
Java开发体系
查看>>
LeetCode22 Generate Parentheses
查看>>
面试题----合并两个有序数组
查看>>
VeloView源码编译错误记录——VS manifest
查看>>
161.101 - 2018 Summer Semester: Assignment
查看>>
UML - Basic Notations
查看>>
Decorator Pattern
查看>>
栈———链表实现
查看>>
一个新的开始,fightting!
查看>>
idc交叉引用
查看>>
函数的重载
查看>>
批量将.txt编码格式转化为utf8
查看>>