200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 延迟加载图片的 jQuery 插件:LazyLoad.js及scrollLoading.js

延迟加载图片的 jQuery 插件:LazyLoad.js及scrollLoading.js

时间:2023-03-29 16:14:01

相关推荐

延迟加载图片的 jQuery 插件:LazyLoad.js及scrollLoading.js

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/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。