如何处理jquery加载插件时出现的懒加载 jquery.lazyload 背景图可以懒加载吗

如何处理jquery加载插件时出现的懒加载 懒加载是网站性能优化的插件，可以提高用户体验。

页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载。

1、引入jquery

2、引入jquery懒加载插件

>

3、在需要懒加载的图片上添加如下：

src显示默认的图片

data-original为要显示的图片

4、启动懒加载

$(img.lazy).lazyload()

一般放在ajax complete中加载

如下代码：

[javascript] view plain copy print? $.ajax({ type: POST, url: NET.getBisList, dataType: json, async: true, data: { city: city, districtid: districtid, cont: cont, page: page, lon: lon, lat: lat, keywords: keywords, distance: distance }, success: function(data) { if (data.state == 0000) { var str = for (var i = 0 i var obj = data.msg[i] str = str = str = str = str = str = str = str = obj.bisname str = 距您 (obj.distance / 1000).toFixed(1) km str = obj.address str = str = str = } $(#showshops).append(str) $(#loadMore).html(点击加载更多) } else { //没有数据 $(#loadMore).html(data.msg) $(#loadMore).unbind(click) //移除click } }, complete: function() { $(img.lazy).lazyload() }, error: function(xhr, type) {

} })

jquery.lazyload 背景图可以懒加载吗 就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。 思路： 将页面里所有img属性src属性用data-xx代替，当页面滚动直至此图片出现在可视区域时，用js取到该图片的data-xx的值赋给src。

求解释一下Jquery中图片预载入插件的原理 对上面代码的解释: 取结点的 rel 和 href 属性作为要预加载的图片源 在内存里分别创建 src 为以上两值的 Image 对象 等两个属性对应的图片都加载完毕之后 会执行onComplete 方法

怎么加入jQuery插件 在html中引入jquery插件的方法有以下两种： 1：CDN引入，在head标签中加入下列代码 >

2：本地引入,这种方法要求本地有jquery.js：

>

jquery可以到其官网下载，官网地址是www.jquery.com

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时，已经从其他加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。同时推荐使用百度CDN，因为其他的比如谷歌和微软的CDN不可用！