[jquery实现延时加载图片.docxVIP

文章源至：//jquery.lazyload.js实现延时加载图片 ，实现网页分屏加载/index.php?tag=jquery \o 查看有关“jquery”的文章jquery.lazyload.js的实现原理是在图片的下载过程中中断图片的下载,把图片的src属性转换为orginal属性..然后页面滚动的时候到达临界点就再把orginal路径转换为src的路径 ...在图片尺寸比较大的情况下，图片加载较慢，因此请求会被拦截，并且保留客户端数据，在下次Img标签加载Load方法的时候，可以继续请求图片数据。?然而，多篇网上文章显示，该JS并不能真正减少http请求。 原因如下：图片一开始就有正确src，lazyLoad就算在快也快不过页面打开的http请求撒～不信？可以到QiQiBoy那文章：?《JavaScript images LazyLoad 图片延迟加载(伪lazyload)》，打开Demo页面，用开发者工具看看图片有被下载不？其实还是下载了图片 也就是说http请求还是发送出去了,只不过在客户端lazyload人为的中断了图片的下载..这不是我需要的效果。?于是我参考了《改造jQuery lazyLoad插件》一文，对jquery.lazyload.js进行一番修改。对前台的页面也要做一些修改。源码如下：html页面：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtdhtml xmlns=/1999/xhtml xml:lang=en lang=enheadtitle/titlemeta http-equiv=Content-Type content=text/html; charset=utf-8 /meta http-equiv=Content-Style-Type content=text/css /script type=text/javascript src=Js/lazyload/jquery.js/scriptscript type=text/javascript src=Js/lazyload/mmm_lazyload.js/script?/headbodydiv id=shit/divdivimg original=images/e5a78a1f3227104e304e15a8.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/c120e3ee2bf73a052cf534ed.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/9020214e32849b27b2de051b.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/8463083eb006e50c70cf6cd1.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/199341d118c4286d9a5027d0.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/9816f235e7812b4d91ef3949.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/明美入浴图副本B.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/骑马少女（完成稿）大.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/天空的学校.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/旗袍林明美最终版.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/e5a78a1f3227104e304e15a8.jpg src=Js/lazyload/grey.gif height=25% ?\/divdivimg original=images/e5a78a1f3227104e304e15a8