为提高页面加载速度,需要先将img标签中的src链接设为同一张图片或者空白图片,将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时,将自定义属性中的地址写到src属性中,达到懒加载的效果。
me-lazyloadGitHub - wyntau/me-lazyload: image lazyload directive for angularimage lazyload directive for angular. Contribute to wyntau/me-lazyload development by creating an account on GitHub.https://github.com/wyntau/me-lazyload
下载下来运行index.html可以看到demo实例。
集成步骤:(1)将me-lazyload.js引入需要的工程
(2)将me-lazyload注入根模块module或者需要使用的module
var app= angular.module('myApp',['me-lazyload']);
(3)将图片的src
替换成lazy-src
关注
打赏