您的位置:首页 > Web前端 > JQuery

JQuery.lazyload的使用.

2015-10-06 12:03 543 查看
JQuery.lazyload是一款用于图片延迟加载的插件;使用方法如下:

①引入jquery.lazyload.min.js文件:<script src="jquery.lazyload.min.js" type="text/javascript"></script>

②使用jquery.lazyload插件:在需要延迟加载图片的img标签中这样写<img class="lazy" data-original="nor.gif" src="lazy.gif" />

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

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

src是还没加载出图片的时候预设显示的图片,也可不做设置,但最好指定img的宽高,以免排版布局显示错乱。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: