博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Js 之图片懒加载插件
阅读量:5360 次
发布时间:2019-06-15

本文共 680 字,大约阅读时间需要 2 分钟。

一、PC端(lazyload)

1、引入js文件

2、html代码

3、调用lazyload

$("img").lazyload({        // 当图片完全加载的时候,插件默认地使用show()方法来将图显示出来。你也可以使用其他的效果        effect: "fadeIn",        //lazyload插件默认用户滚动到图片位置时才触发加载图片,如果我们希望滚动到距离图片一定位置就触发加载,可以指定lazyload函数的threshold参数        threshold: 200,        //如果我们希望滚到到图片的位置后,还要通过click或hover事件来唤醒图片的加载,我们可以指定lazyload函数的event属性        event: "click"    });

二、移动端采用echo.js插件

图片懒加载(预加载)插件echo.js
  •  

    转载于:https://www.cnblogs.com/yang-2018/p/11023747.html

    你可能感兴趣的文章
    《Linux内核设计与实现》第四章学习笔记
    查看>>
    使用iperf测试网络性能
    查看>>
    Docker 安装MySQL5.7(三)
    查看>>
    解决VS+QT无法生成moc文件的问题
    查看>>
    AngularJs练习Demo14自定义服务
    查看>>
    CF1067C Knights 构造
    查看>>
    [BZOJ2938] 病毒
    查看>>
    CSS: caption-side 属性
    查看>>
    CSS3中box-sizing的理解
    查看>>
    AMH V4.5 – 基于AMH4.2的第三方开发版
    查看>>
    Web.Config文件配置之配置Session变量的生命周期
    查看>>
    mysql导入source注意点
    查看>>
    linux下编译安装nginx
    查看>>
    ArcScene 高程不同的表面无法叠加
    查看>>
    [ONTAK2010] Peaks
    查看>>
    DLL 导出函数
    查看>>
    windows超过最大连接数解决命令
    查看>>
    12个大调都是什么
    查看>>
    angular、jquery、vue 的区别与联系
    查看>>
    a标签添加点击事件
    查看>>