UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

js图片懒加载插件jxLazyload

所属分类：UI-加载

 29300  189  查看评论 (15)
分享到微信朋友圈
X
js图片懒加载插件jxLazyload ie兼容8
 查看演示  立即下载

更新时间：2020-07-15 00:34:58

更新说明：修复图片路径失效问题。

更新时间：2020-03-12 00:10:23

JinXin-Lazyload

1.引入插件js

<script type="text/javascript" src="jinxin.lazyload.min.js"></script>

 2.img标签改造

(1)src为占位图;

(2)加上"jxLazyClass"类;

(3)图片路径属性使用"jxLazyImg"。

<img src="images/placeholder.png" class="jxLazyClass" jxLazyImg="images/demo.png"


相关插件-加载
查看更多

jQuery nprogress.js页面加载进度条

 jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 64902  406

HTML5实现的网页进度条

 HTML5实现的网页进度条
  加载
 41441  381

jQuery顶部加载动画插件loadBar.js

 loadBar是一个轻量级的(最小2KB)jQuery插件，当加载内容时，页面顶部显示一个漂亮的动画条。
  加载
 29715  364

jQuery 圆型进度条

 jQuery canva圆型进度条，可通参数快速修改进度条
  加载
 35235  339

讨论这个项目（15）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    莘莘 0
    2023/7/14 13:06:54
    真的很nice
    ！！！ 回复
    莘莘 0
    2023/7/14 13:06:40
    莘莘 0
    2023/7/14 13:06:39
    凌晨_晚安 0
    2023/6/7 10:15:21
    不能解决有显隐的图片懒加载 回复
    Yolo 0
    2022/8/1 15:34:32
    非常不错
        ?0
        2023/3/28 8:17:54
        buco
    回复
    王敬宇 0
    2022/6/6 16:39:51
    kevin9281 0
    2022/1/18 17:38:28
    我的图片是动态加载的，没有效果啊 大佬 回复
    你好，星星 0
    2021/12/5 16:52:49
    请问这个插件使用了之后，再写后台代码的时候会有影响吗，前台代码需要大量改动吗？ 回复
    FL0212 0
    2021/8/2 16:39:19
    为什么只能显示第一屏。后面的图就不显示了
        休比1
        2021/10/19 15:54:33
        这就是懒加载，只显示当前可以看到的界面，减轻服务器的压力
    回复
    『 三周、年 』 0
    2020/8/2 11:49:11
    简单便捷
        Panda丶0
        2020/8/4 17:45:47
        能用嘛？
        王敬宇0
        2022/6/6 16:55:04
        当然可以用吖
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复