返回
jquery实现延时加载图片

jquery实现延时加载图片

ID：34723936

大小：51.94 KB

页数：11页

时间：2019-03-10

jquery实现延时加载图片_第1页
jquery实现延时加载图片_第2页
jquery实现延时加载图片_第3页
jquery实现延时加载图片_第4页
jquery实现延时加载图片_第5页
资源描述：

《jquery实现延时加载图片》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、文章源至：http://www.hdy360.com/jquery.lazyload.js实现延时加载图片，实现网页分屏加载jquery.lazyload.js的实现原理是在图片的下载过程中中断图片的下载,把图片的src属性转换为orginal属性..然后页面滚动的时候到达临界点就再把orginal路径转换为src的路径...在图片尺寸比较大的情况下，图片加载较慢，因此请求会被拦截，并且保留客户端数据，在下次Img标签加载Load方法的时候，可以继续请求图片数据。 然而，多篇网上文章显示，该JS并不能真正减少http请求。原因如下：图片一开始就有正确src，lazyLoad就算在

2、快也快不过页面打开的http请求撒～不信？可以到QiQiBoy那文章： 《JavaScript&imagesLazyLoad图片延迟加载(伪lazyload)》，打开Demo页面，用开发者工具看看图片有被下载不？其实还是下载了图片也就是说http请求还是发送出去了,只不过在客户端lazyload人为的中断了图片的下载..这不是我需要的效果。 于是我参考了《改造jQuerylazyLoad插件》一文，对jquery.lazyload.js进行一番修改。对前台的页面也要做一些修改。源码如下：html页面：

3、trict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

4、ipt"src="Js/lazyload/jquery.js"> 

5、f534ed.jpg"src="Js/lazyload/grey.gif"height="25%" >

6、1d118c4286d9a5027d0.jpg"src="Js/lazyload/grey.gif"height="25%" >

7、）大.jpg"src="Js/lazyload/grey.gif"height="25%" >

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。