专业的织梦模板下载平台,更多精品模板,超低模板价格,网站建设如此简单!           QQ好友已满,→点此获取提取码←
当前位置:主页 > 建站教程 > 织梦插件 >

织梦文章内容页图片懒加载最新版

发布时间:2019-05-05  来源:六久阁  浏览:0  关键词:织梦内容页 织梦懒加载 图片懒加载 
阿里云最新活动2折低价服务器

 网站打开速度也是是影响seo排名的一个关键词因素了。优化网站打开速度也是最简单的增加百度对网站的评分。图片很大的话,最好要做个图片懒加载。图片懒加载可以很明显的缩短网页的打开速度。

织梦文章内容页图片懒加载最新版

那么,dede织梦图片懒加载怎么做?

1、去网上找一个懒加载gif图

loading.gif

2、上传懒加载js库(附件中下载)

3、修改你要实现懒加载的标签代码

<img  class="lazy"   src="你的懒加载gif图片地址"  data-original="图片地址"  alt="" >

这里用到织梦内容页body替换函数来实现,这样的图片地址。具体方法附件里查看。


4、附件中下载jquery-1.11.0.min.js放在模板头部</head>前面,具体引入方法:

<script type="text/javascript" src="/js1/jquery-1.11.0.min.js"></script>

5、lazyload.min.js放在模板</body>之前,页面必须先调用jquery,确保jquery代码在下面代码之前。

<script src="/js1/lazyload.min.js"></script>   
   <script type="text/javascript">
    $(function () {
        $(".lazy").lazyload();
    })
</script>

6、附上织梦文章内容页图片懒加载下载地址:

链接:https://pan.baidu.com/s/1C8GJnsSrF98C_iRh8K0Tpw

提取码:咨询本站站长QQ:344693787点击QQ号即可直接咨询)获得

织梦二次开发QQ群

群号(383578617) DedeCMS织梦教程QQ群 如果您有任何织梦问题,请把问题发到群里,阁主将免费为您写解决教程!

已有 0 人评论


CopyRight © 2016-2017 六久阁模板下载网 版权所有  备案号:滇ICP备15006281号-4 
本站部份内容来源自网络,文字、素材、图片版权属于原作者,本站转载素材仅供大家欣赏和分享,切勿做为商业目的使用。
如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!