当前位置:首页 > 开发 > Web前端 > Jquery > 正文

[转]js或者jquery判断图片是否加载完成实现代码

发表于: 2014-02-27   作者:alleni123   来源:转载   浏览次数:
摘要: 网页中有时候需要获得图片的宽度和高度,来定义某些大小,可是这个是需要从服务端请求图片,下载到本地才能够得到的,有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢? jquery提供一个方法:   复制代码 代码如下:   01.$("").load(function(){...}); 其中选择器是图片的id或class,function里
网页中有时候需要获得图片的宽度和高度,来定义某些大小,可是这个是需要从服务端请求图片,下载到本地才能够得到的,有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢?

jquery提供一个方法:
  复制代码 代码如下:

  01.$("").load(function(){...});


其中选择器是图片的id或class,function里面的方法就是回调函数,在图片加载完成后执行,但是我试验了很多,压根儿不是那么回事,正确的解决方法是:

用js的onload方法:
  复制代码 代码如下:

  document.getElementById("").onload = function() {};


实验结果是可行的。



========================================

刚才查了一下jquery的api,发现event->document loading->load是deprecated的。
查了一下, 有人说可以使用以下方法:
$("selector").on("load", function() {
    // ...
});

试了一下确实可以。
好像是为了跟jquery的ajax里的load()方法区分开, 所以才不建议使用上面的load()..


=============================================
2/28更新
今天发现似乎load方法不适用于DOM, 只能用于img节点。
如果想要某一个DOM被建立之后便立刻执行脚本,需要用到ready().

这两个方法都在jquery API里的document loading里面。

[转]js或者jquery判断图片是否加载完成实现代码

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
日期:2012-4-15 来源:GBin1.com 在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置,这样
Lazy Load, 延迟加载图片的 jQuery 插件 2010年1月31日 评分 4.0, 满分 5 星 60 票 +Add Loading...
最近发现由于最代码的图片逐渐增多,原先实时裁剪图片的机制优化为预先生成120和650的规格后,cpu降
按需加载是前端性能优化中的一项重要措施,按需加载是如何定义的呢?顾名思义,指的是当用户触发了
淘宝,QQ,还有当当,亚马逊之类网之类的都有这个效果,原理是分段加载图片,主要用于大型网站节省带
JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因
JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因
原创不易,转载请注明出处:jquery插件scroll-loading实现的图片延迟加载 代码下载地址:http://www.
效果如图      在注册或登录网站时,当我们输入错误格式的账号或信息时,会看到这种提示。   
原理是分段加载图片,主要用于大型网站节省带宽,可是他们提供的东西压缩混淆看不清,还有的要基于
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号