淘先锋技术网

首页 1 2 3 4 5 6 7

JQuery Lazyload是为了提升网页加载速度而诞生的一款JQuery插件。它的主要功能是在页面滚动至一定高度时,再进行图片等资源的加载,从而提高页面加载速度,减少页面的等待时间。

而JQuery Lazyload的参数则是定义了它的内部运作方式,对于用户来说非常重要。下面来详细介绍几种常见的参数:

threshold: 0, //距离屏幕多少像素开始加载图片
effect: "fadeIn", //图片显示方式
failure_limit: 10, // 在这里发送ajax调用之前,它将继续尝试获取新图像。
event: "scroll", //事件触发的方式
container: window //图片预加载的位置

上述参数中,threshold是定义当距离屏幕多少像素时开始加载图片,一般情况下使用默认值0即可;effect定义图片的显示方式,这里使用fadeIn的方式进行图片展示具有较好的效果;failure_limit是当无法加载图片时尝试获取新图像限制的次数,一般情况下设置10即可;event则是定义事件触发的方式,这里使用scroll滚动的方式进行触发;container参数定义图片预加载的位置,一般情况下使用window即可。

当然,这只是JQuery Lazyload参数中的一部分,还有许多其他参数需要根据情况进行不同的设置。但是几种常见的参数已经足够大家了解了吧。