当前位置:Gxlcms > JavaScript > 基于jquery的lazyloader插件实现图片的延迟加载[简单使用]_jquery

基于jquery的lazyloader插件实现图片的延迟加载[简单使用]_jquery

时间:2021-07-01 10:21:17 帮助过:14人阅读

通过使用jquery的lazy loader插件可以实现图片的延迟加载,当网页比较长的时候,会先只加载用户视窗内的图片,视窗外的图片会等到你拖动滚动条至后面才加载,这样有效的避免了因图片过多而加载慢的弊端。

  使用lazy loader插件很简单,只要在页面中引入lazy loader插件,然后为页面上的图片调用延迟加载方法就可以了。lazy loader插件的下载地址:http://www.appelsiini.net/projects/lazyload。下面先看看具体的使用方法:
代码如下: