Closed huanghuiquan closed 9 years ago
百度微购首页: http://weigou.baidu.com/
品牌特卖首页:http://temai.baidu.com/?from=weigou-midpage
图片的懒加载,是指网页中的图片默认是不会被加载的,仅当用户可以看到它的时候才会被加载。这样可以有效提高网页的整体加载速度,也可以为服务器端节省带宽资源。
viewport
offset
effect
show
fadeIn
delay
例子:
百度微购首页: http://weigou.baidu.com/
品牌特卖首页:http://temai.baidu.com/?from=weigou-midpage
需求:
图片的懒加载,是指网页中的图片默认是不会被加载的,仅当用户可以看到它的时候才会被加载。这样可以有效提高网页的整体加载速度,也可以为服务器端节省带宽资源。
功能汇总:
viewport
),当为true时表示仅只加载可视窗口内的图片,而不会去加载位于之前的没有被加载的图片;offset
),设置提前加载一定范围内位于可视区域之外的图片;effect
),当图片加载后,可以选择使用普通显示(show
)、淡入显示(fadeIn
),或者提供一个回调函数,让用户处理?!;delay
),对加载触发时机延迟。目的是窗口快速划过时,不加载快速划过位置的图片。