LazyLoad.js
Lazy Load 依赖于 jQuery. 请将下列代码加入页面head
区域:
你必须修改 HTML 代码. 在src
属性中设置展位符图片, demo 页面使用 1x1 像素灰色 GIF 图片. 并且需要将真实图片的 URL 设置到data-original
属性. 这里可以定义特定的class
以获得需要延迟加载的图片对象. 通过这种方法你可以简单地控制插件绑定.
处理图片的代码如下.
$("img.lazy").lazyload({effect : "fadeIn",//图片显示特效skip_invisible : false//加载隐藏的图片});
更详细资料参考:/lazy-load-jquery-plugin-delay-load-image/
scrollLoading.js
scrollLoading依赖于 jQuery. 请将下列代码加入页面head
区域:
默认链接的是一个1px * 1px的gif透明图片(大小很小),同时可以透出后面加载中gif动画图片,当滚动加载的时候直接把此gif图片替换掉。于是,对于图片,可能就有类似下面的代码:
处理图片的代码如下.
$(".scrollLoading").scrollLoading();
更详细资料参考:
/wordpress//11/jquery%E9%A1%B5%E9%9D%A2%E5%9B%BE%E7%89%87%E7%AD%89%E5%85%83%E7%B4%A0%E6%BB%9A%E5%8A%A8%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD%E5%AE%9E%E7%8E%B0/