doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:7025回复:0

[框架]背景图懒加载的实现

楼主#
更多 发布于:2018-07-02 15:43
网上很多的图片懒加载,那CSS中的背景图片,如何实现懒加载? 下面分享给大家
1. lazyload.js 代码可查看:https://cdn.jsdelivr.net/npm/lazyload@2.0.0-beta.2/lazyload.js
    插件介绍:https://appelsiini.net/projects/lazyload/

2. 引用
<script src="<?php echo base_url()?>resources/js/lazyload.js"></script>
3. 使用

应用背景图片的元素上加上class='lazyload',与data-src='真实的地址'

html代码

<div class="lazyload" data-src="<?php echo base_url()?>resources/images/bg.jpg"></div>


js代码
$("body.lazyload").lazyload();

最新喜欢:

饼干.饼干.
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号