博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
延迟加载图片的 jQuery 插件——lazyload.js
阅读量:6163 次
发布时间:2019-06-21

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

      lazyload 这个 jQuery 插件,是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话,下载图片就需要很多时间。而这款插件,会检测你的滚动情况,只有你要看到那个图片的时 候,它才会从后台请求下载图片,然后显示出来。使用这个插件,可以在需要显示图片的时候,才下载图片,所以可以减少服务器的压力,避免不必要的资源下载。 如果一个人不看下面的图片,那加载下面的图片就是一种浪费。

      而Lazy Load 插件原理:直接修改 HTML 的结构,在 img 标签中添加新的属性,把 src 属性的值指向占位图片,添加 data-original 属性,让其指向真正的图像地址。  

 

  具体效果:

转载于:https://www.cnblogs.com/wanliyuan/p/3582026.html

你可能感兴趣的文章
S/4HANA服务订单Service Order的批量创建
查看>>
SQLServer之存储过程简介
查看>>
【NVivo教程】如何进行主题分析
查看>>
《实时控制软件》Git相关操作从注册到Push全教程
查看>>
Java HttpRequest 详解
查看>>
PTA:浙大版《C语言程序设计(第3版)》题目集
查看>>
Laravel 5.1用户认证
查看>>
重磅发布:阿里 OpenJDK终于开源啦! 将长期支持版本 Dragonwell
查看>>
MacOS必备软件
查看>>
微信小程序的联系人列表
查看>>
node.js笔记
查看>>
小米平板IOS主题
查看>>
js三大系列之一offset
查看>>
夯实基础系列二:网络知识总结
查看>>
Shrio(Simple,Java,Security)
查看>>
Android多线程之IntentService
查看>>
站在区块链风口上的90后
查看>>
CSS中behavior使用
查看>>
卸载金蝶kis记账王的方法
查看>>
Android 去掉新版ADT创建项目时出现的appcompat_v7
查看>>