懒加载echo

1、引入<script type="text/javascript" src="script/echo.min.js"></script>
2、给有懒加载的函数调用 echo.init();

注:img标签必须加 class="lazyload";
        img的src中可不传值,也可用背景图;
        data-echo中为数据加载到的真实地址

function showListData(typeid, page, callback){
    boktour._postAjax(
        'http://api.bang.boktour.com/SearchMachine/Search',
        {
            typeid: typeid,
            pageIndex: page,
            pageSize: 10
        },
        function(ret){
            var list=ret['data']['list'];
            //列表图
            var html='';
            for(var i=0; i<list.length; i++){
                html+='<img src="image/loading.gif" data-echo="'+list[i].pic+'" class="lazyload"/>';
            }
            echo.init();
        }
    )
}
3、这一点来自网络。我的列表项是在body元素中的一个ul,不是body在滚动,是这个ul在滚动,看了一下源码,似乎这个插件定死了只能监听body滚动事件,于是动手改造之。改造之后,传到了github上。开发者修改好后的echo.js
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值