博客
关于我
强烈建议你试试无所不能的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

    你可能感兴趣的文章
    ARM 的Thumb状态测试
    查看>>
    windows下读取utf-8文件
    查看>>
    apache 启动不了的排查方法
    查看>>
    Java有没有goto?
    查看>>
    (转)makefile 的用法
    查看>>
    求不相邻金币相加和的最大值--动态规划1
    查看>>
    [转][osg]探索未知种族之osg类生物【目录】
    查看>>
    四十九. Zabbix报警机制 、 Zabbix进阶操作 、 监控案例
    查看>>
    元类中__new__ 与 __init__的区别--day27
    查看>>
    占小狼的简书博客
    查看>>
    struts2__action执行顺序
    查看>>
    php异常处理
    查看>>
    [xampp] /usr/bin/env: php: No such file or directory
    查看>>
    细学PHP 10 贴吧-2
    查看>>
    黑客攻防入门秘籍
    查看>>
    Swift迎来了1.0 GM 版(2014.09.09)
    查看>>
    【iOS开发-68】APP下载案例:利用tableView自带的cell布局+缓存池cell复用时注意button状态的检查...
    查看>>
    《Genesis-3D开源游戏引擎-FQA常见问题解答》2014年01月10号版本
    查看>>
    Java 编程下实现随机无重复数字功能
    查看>>
    Android 编程下的代码混淆
    查看>>