使用lazyload实现页面缓载

主要是想结合Jquery实现未在屏幕显示区域外的网页,

暂时只加载一张空白图片的效果。

需要用到jquery.js以及相关lazyload处理代码。(这个网上真有)

在页面head处加载完成以上js文件后,

在页面适当处填写页面缓载js代码如下:

$(“.img1 img”).lazyload(
{
placeholder : “空白图片路径”,
effect: “缓载时图片显示效果”,
threshold : 300 //延伸缓载高度300
});

另外$(“.img1 img”)处,这样写是可以指定只有class名为img1下的img才做页面缓载。

当然id等也可以按照jQuery规则使用。