lazyload ajax同步,jQuery lazyload 的重复加载错误以及修复方法

分析代码也可以知道。

最主要的原因是写在页面上的一经加载，就去向服务器申请图片地址，加载大图片。

如果想实现原定的效果，则写在页面上的待加载地址必须不能是大图片的地址，而我们可以将真正的图片地址数据存储在alt属性中。

正确的例子如下：

对原来的 jquery.lazyload.js我们也需要做一点改动：

$(document).ready(function(){

$("#lazy1 img,#lazy2 img").lazyload({

placeholder : "http://sc.jb51.net/style/img/spacer.gif",

effect : "fadeIn"

});

完整实例如下：

无标题文档

img{ display:block; border:2px solid #ccc; margin:0 0 10px;}

$(document).ready(function(){

$("#lazy1 img,#lazy2 img").lazyload({

placeholder : "http://qsl.cn/style/img/spacer.gif",

effect : "fadeIn"

});

第一屏高度为900px，滚动到下面的时候，相应图片才开始加载

测试可知是真正的按需加载。而不是像之前，先加载了，滚动到相应位置还又加载了一次。

Firebug的眼睛还是雪亮的。

lazyload ajax同步,jQuery lazyload 的重复加载错误以及修复方法相关推荐

bcb获取计算机名称,win7老电脑共享打印机无法连接0x00000bcb错误的修复方法
近日win7 64位纯净版网友和爱纯净小编反映自己的老电脑在同一个局域网安装共享打印机时,弹出错误提示框"windows无法连接打印机,操作失败,错误为0x00000bcb".这是 ...
火狐浏览器如何找html错误,Firefox火狐浏览器的“源文件无法读取”错误的修复方法...
"无法读取源文件"是用户尝试从Internet上下载文件并使用Mozilla Firefox浏览器将其保存在默认位置时可能发生的错误.当您下载任何类型的文件(包括音乐,游戏,文档等 ...
ajax webmethod,JQuery直接调用asp.net后台WebMethod方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.[WebMethod] 命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的 ...
gtkpod + ipod-convenience 后同步 iTunes 出现 -54 未知错误的解决方法
谁让咱们手贱呢- 因为登录 itouch 更新的时候用的是 root 权限,导致 itouch 使用 mobile 登录后同步数据库的时候没有权限更新数据库. 其实我认为是这个问题,不过,网上的结论是 ...
计算机ip 地址异常,ip地址错误怎么修复？ip地址错误的修复方法
用电脑的时出现"IP地址错误,网络无法连接",遇到这样问题是什么情况?一般完美将自动获取IP地址给设置为手动获取方式,但是还是解决不了.还可以使用腾讯电脑管家来进行网络异常的修复, ...
sqlserver复制环境几种常见错误的修复方法
场景1:应用复制的删除命令时在订阅服务器上找不到该行. 这种情况一般是发布库存到分发库丢包导致了订阅服务器上的记录缺少,正好删除缺少的记录时触发的故障. 解决方案 1 先查看是哪个表哪条记录缺少所致 ...
Win11 22H2(KB5017321)更新失败显示下载错误0x800F0806修复方法
最近有许多小伙伴更新Win11 22H2 KB5017321时,遇到了更新失败且无法安装,出现错误代码0x800F0806,这是怎么回事呢?该如何操作解决这个问题呢?针对这一问题,接下来小编为大家带来 ...
IE出现“没有注册类别”错误的修复方法
IE出现"没有注册类别"错误时,可以用内容如下的批处理命令来修复. 将下面内容复制到记事本,然后另存为.bat后缀的批处理文件,之后双击运行这个批处理文件,运行中弹出的对话框一一点 ...
Win7电脑开机错误0xc00000e9修复方法请注意你的独立显卡
0xc00000e9 发生异常 I/O错误,那么该怎么修复让win7正常启动呢? 解决方法一: 分析:I/0: 输入/输出(简称I/O),指的是一切操作.程序或设备与计算机之间发生的数据流通.最常见的 ...

lazyload ajax同步,jQuery lazyload 的重复加载错误以及修复方法

lazyload ajax同步,jQuery lazyload 的重复加载错误以及修复方法相关推荐

最新文章

热门文章