对jquery.lazyload.js使用的心得

mo0n1andin 发布于2019-08-30 15:44 / 2336人阅读

摘要：今天想对项目中做一些优化，做一个图懒加载，我用的是，网址。这篇文章很简单，我写的目的就是为了测试背景图是否可以用。

今天想对项目中做一些优化，做一个图懒加载，我用的是jquery.lazyload.js，网址：http://www.jq22.com/jquery-in...。
给的案例是针对img，然后我猜测能否在背景图也能够实现，粗略的看了一下源码，好像是有这个功能的：

我把自己测试的代码贴出来，包括img和背景图懒加载测试（js和图片需要自己引入）：





Lazy Load Enabled

这个插件的配置http://www.jq22.com/jquery-in...，这里有的。
这篇文章很简单，我写的目的就是为了测试背景图是否可以用。
但是这个插件无论是是用img还是背景图都宽高都是需要写上去的，写在行内还是style样式里面都可以，这对页面适配不是很友好，我不知道有没有朋友解决这种问题，如果有的话也可以分享一下。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116238.html

对jquery.lazyload.js使用的心得

摘要：今天想对项目中做一些优化，做一个图懒加载，我用的是，网址。这篇文章很简单，我写的目的就是为了测试背景图是否可以用。今天想对项目中做一些优化，做一个图懒加载，我用的是jquery.lazyload.js，网址：http://www.jq22.com/jquery-in...。给的案例是针对img，然后我猜测能否在背景图也能够实现，粗略的看了一下源码，好像是有这个功能的：showImg(...

April 2019-08-26 10:41 评论0 收藏0
iscroll.js和lazyload.js的兼容（滑动时，缓冲好的图片不更新）

摘要：另外我的这段代码可谓神来之笔，大家好好看看这一步很重要，否则图片不能完成缓冲效果原理在正在加载完后，就设置为可以缓冲。加载图片使用的效果淡入在离可视区以内的图片也开始加载了，提升体验度取消等默认不可点击效果解决。以前在做项目的时候，把jquery.lazyload.js和iscroll.js一起使用，当滑动页面的时候，iscroll的滑动效果出来了，但是图片懒加载的效果没出来，主要是...

Cheng_Gang 2019-08-21 11:39 评论0 收藏0
lozad.js：懒加载神器

摘要：是基于的轻量级高性能可配置的纯并且无依赖的懒加载器，其能够被用于进行图片等多种形式的元素。在上，至今短短的一个月的时间，已经收获了的。传送门阮一峰老师使用教程懒加载懒加载其实就是延迟加载。 showImg(https://github.com/ApoorvSaxena/lozad.js/raw/master/banner/lozad-banner.jpg); Lozad.js 是基于 ...

Magicer 2019-08-21 17:00 评论0 收藏0
图片的预加载和懒加载

摘要：图片的预加载是提升用户体验而损失性能的一种做法，而懒加载的性能就比较好了，所以将两个结合起来放到程序中是一种不错的选择。最近在做H5滑页时，遇到一些比较大的场景，动辄二十、三十页，而图片更是可恨的能达到上百个，所以就会导致场景在加载的时候遇到网速比较慢的时候，用户等待的时间特别长，这样的话，就有可能导致一部分的用户没有耐心，而丢失这部分用户，于是就有了这里的图片的预加载和懒加载，记个...

SwordFly 2019-08-21 10:37 评论0 收藏0
jQuery动画效果、jQuery插件使用

摘要：一事件的绑定与解绑的简单绑定事件新版本使用为指定的元素添加一个或多个事件处理程序，并规定当这个事件发生时运行的函数。将整个文件放至项目的任意目录不要移动其文件结构，它们具有完整的依赖体系。一、事件的绑定与解绑 1.1 jQuery的简单绑定 1.1.1 on(events,fn)事件(新版本使用) 为指定的元素添加一个或多个事件处理程序，并规定当这个事件发生时运行的函数。on()方法...

MkkHou 2019-08-29 16:16 评论0 收藏0