大家可以先看在线演示效果,本网站首页有100+张图片,打开速度是杠杠的!
演示地址:http://www.jsdaima.com
使用方法如下:
首先引入js文件
<script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.lazyload.mini.js"></script>特别注意:必须是引入jquery.min.js,其他的如jquery-1.7.2.min.js是不行的。<script type="text/javascript">
var jq=jQuery.noConflict();jq(function(){jq("img").lazyload({placeholder:"__PUBLIC__/images/loading.jpg",effect:"fadeIn",threshold : 800});});
</script>备注:__PUBLIC__/images/loading.jpg便是预先加载的小图片,比较常见的是动态转圈的gif图像,threshold : 800这个参数是网页预先加载的值,为px像素最后在插入图片的地方这样写
<img src="__PUBLIC__/images/loading.jpg" original="{$v.thumbpath}m_{$v.thumbname}" alt="{$v.title}">备注:src="__PUBLIC__/images/loading.jpg"为预先载入的图片地址,original="{$v.thumbpath}m_{$v.thumbname}"为自己需要显示的图片地址完成以上三步就搞定了!
附上插件下载地址:http://pan.baidu.com/s/11vOzc
最佳答案