大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
为企业提供网站建设、域名注册、服务器等服务
lazyload是一个用Javascript编写的jQuery插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片将不会被载入,直到用户将它们滚动到它们所在的位置。
成都创新互联为客户提供专业的成都做网站、网站建设、程序、域名、空间一条龙服务,提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、手机网站开发等网站方面业务。
跟bootstrap一样,lazyload.js也是依赖于jQuery
与之前的图片引入路径不同,真实的图片路径不再是用src属性,而是data-original。src属性用于引入占位符图片(当然,个人更推荐占位符不写在img标签里)。同时,必须设置img的宽度和高度,给每一个懒加载的图片加一个class比如.lazy
四大属性必须同时具备:class data-original width height
要想让所有class为lazy的图片懒加载,只需要简单的一行代码就可以