• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    织梦网站如何用jQuery.lazyload延时加载图片
    POST TIME:2021-05-23 02:37

    第一步:在网站头部引用lazyload,可以把lazyload文件下载下来也可以直接在各大公共库中引用

    <script src="http://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.js" type="text/javascript"></script>

    注意:不可以放在底部哦,一定要放在站内需要延时加载图片的上方。

     

    第二步:在网站所有图片中指定要延时加载的图片,这里以织梦系统的网站为例:

        <img data-original="[field:first_imgurl/]" src="[field:litpic/]"/>

    说明:上面就是把图片指定到lazy样式中,“data-original”一定要是网站真实要显示的图片地址。

     

    第三步:在网站底部加入以下代码,恰恰和第一步相反:  

      <script type="text/javascript">
    
        $("img.lazy").lazyload({ effect : "fadeIn"
    
        });
    
        </script>

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!