前端设计>jQuery>正文
1、js及JQ库的引用,核心js:https://file.weguiding.com/static/js/lazyload.min.js【此处为本站引用JS,不建议直接引用本站的,已做防盗链处理】
2、图片加载改造处理
默认加载图片设置:https://file.weguiding.com/static/images/lazyload.gif
JS放置网页代码末端:
<script src="https://file.weguiding.com/static/js/lazyload.min.js"></script>
<script type="text/javascript">
$(function () {
$(".lazy").lazyload();
})
</script>
3、图片样式改造:
<img class="lazy" src="https://file.weguiding.com/static/images/lazyload.gif" data-original="[field:picname/]" alt="[field:title /]" >
本站非内容页已做改造处理,可参考处理。另外一种方案科查看:《网站图片懒加载改造及织梦相关配置调整》
本文链接:https://www.weguiding.com/jquery/189.html
猜你喜欢
- 19-01-24 jQuery 语法实例
- 19-01-24 jQuery的引用
- 19-01-24 网站图片懒加载改造方案2
- 19-01-24 jQuery选择器
- 01-24jQuery选择器
- 01-24网站图片懒加载改造方案2
- 01-24jQuery的引用
- 01-24jQuery的引用
- 01-24网站图片懒加载改造方案2
- 01-24jQuery选择器
- 01-24jQuery的引用
- 01-24网站图片懒加载改造方案2
- 01-24jQuery选择器
- 图文推荐