图片延迟加载,网上有很多资料,但是我找jquery.lazyload.js找了很久没发现,而且很多地方的js不对,
想来想去这个应该也是jquery的一个插件,于是搜索jquery的所有插件,终于发现了,下载地址如下:
https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js
这个是最新版本的jquery.lazyload.js
下面来介绍下使用方法:
首先引入所需js
<scriptsrc="jquery-1.7.2.js"type="text/javascript"></script>
注:我用的是最新版本的jquery核心库
<scriptsrc="jquery.lazyload.js"type="text/javascript"></script>
然后将<img>文件改变
<img src="img/grey.gif"data-original="img/example.jpg" width="640"heigh="480">
src是用于占位的图片 data-original是真实图片地址
最后写js代码
$("img").lazyload();
或者延迟指定时间加载(这里是5000)
$(function() {
$("img").lazyload({
event : "sporty"
});
});
$(window).bind("load", function() {
var timeout = setTimeout(function() { $("img").trigger("sporty") }, 5000);
});
参考与
http://www.appelsiini.net/projects/lazyload
相关推荐
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多...
你必须修改 HTML 代码. 在 src 属性中设置展位符图片, demo 页面使用 1x1 像素灰色 GIF 图片.... 这里可以定义特定的 class 以获得需要延迟加载的图片对象. 通过这种方法你可以简单地控制插件绑定.
延迟加载图片jquery.lazyload.js 延迟加载图片jquery.lazyload.js
从网上下载来的版本多多少少都...没解决方案,就得发挥咱DIY的精神,自己想法解决,分析了BUG,理了理思路,结合前段时间我做弹出窗口特效的方法,解决了Jquery.LazyLoad.js的兼容问题,现将思路和方法与大家分享一下。
没解决方案,就得发挥咱DIY的精神,自己想法解决,分析了BUG,理了理思路,结合前段时间我做弹出窗口特效的方法,解决了Jquery.LazyLoad.js的兼容问题,现将思路和方法与大家分享一下。 解决思路大致是两点,一是...
图片延迟加载js图片延迟加载js图片延迟加载js图片延迟加载js图片延迟加载js图片延迟加载js
修改jquery.lazyload.js实现页面延迟载入
jquery图片延迟加载插件,支持响应事件加载
怎么实现ImageLazyLoad 一、使用JQuery插件 ,插件名: jquery.lazyload(7kb大小),压缩后(3kb大小) 在线压缩js http://closure-compiler.appspot.com/home 虽然是很牛X的特效,不过用JQuery插件只需要短短几句...
没解决方案,就得发挥咱DIY的精神,自己想法解决,分析了BUG,理了理思路,结合前段时间我做弹出窗口特效的方法,解决了Jquery.LazyLoad.js的兼容问题,现将思路和方法与大家分享一下。 解决思路大致是两点,一是从...
主要介绍了Jquery图片延迟加载插件jquery.lazyload.js的使用方法,需要的朋友可以参考下
LazyLoad(延迟加载)技术不仅仅用在对网页中图片的延迟加载,对数据同样可以,Google Reader和Bing图片搜索就把 LazyLoad技术运用的淋漓尽致; 缺陷: 1.与Ajax技术的冲突; 2.图片的延迟加载,遇到高度特别高的...
该资源包含lazyload.js、jquery2.1、还有个小Demo可供参考
jquery tab插件制作多功能选项卡,鼠标滑过切换选项卡、鼠标点击切换选项卡、自动切换选项卡、支持数据回调功能,也可以与其他插件结合jquery.lazyload,制作选项卡切换图片延迟加载等
jQuery图片预加载代码是一款基于ydxLazyLoad.js插件实现的图片延迟加载特效。
任何内容的延迟加载变得容易 任何内容 包括src/jquery.lazy_content.js $ ( ".elements" ) . lazyContent ( { threshold : 0 , // The amount of pixels to load earlier load : function ( element ) { // ...
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.
jQuery图片延迟加载插件Lazy Load,在网页上出现大量图片的时候,一下加载全部图片需要加载比较长的时间,懒加载的目的就是减少加载时间,按需加载从而达到提升用户体验的目的。