JQuery.lazyload的使用.

JQuery.lazyload是一款用于图片延迟加载的插件;使用方法如下:

①引入jquery.lazyload.min.js文件:

②使用jquery.lazyload插件:在需要延迟加载图片的img标签中这样写

其中class属性根据情况自己定义;

data-original属性是要加载的图片的全路径,此属性中的值可根据情况用javascript来改变,如在页面加载的时候发起Ajax请求后得到图片地址,再把获取到的图片地址用javascript的方式设置给该属性;

src是还没加载出图片的时候预设显示的图片,也可不做设置,但最好指定img的宽高,以免排版布局显示错乱。

你可能感兴趣的:(JQuery.lazyload的使用.)