`
ouyangtao404
  • 浏览: 22311 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

在页面的图片加载完成后进行其他操作

 
阅读更多
if(!image.complete) {
        E.on(image, 'load', function(e) {
                callback();
        });
        E.on(image, 'error', function(e) {
                callback();
        });
} else {
        callback();
}

function callback(){
//code
}

 兼容ie

分享到:
评论

相关推荐

    js监听某张图片是否加载完成,完成后再执行相应代码

    当一张图片加载完成后,我们可能需要执行某些后续操作,比如显示图片、调整布局或执行动画等。下面将详细介绍如何使用JavaScript来监听图片加载,并提供一个实际的示例代码。 首先,我们可以使用`HTMLImageElement`...

    js判断图片加载完成后获取图片实际宽高的方法

    因为`Image`对象的`onload`事件会在图片加载完成后触发,所以这个时候获取的`width`和`height`就是图片的实际尺寸。这种方式尤其适用于图片被`<img>`标签的CSS样式修改过尺寸的情况。 需要注意的是,在上述方法中,...

    javascript页面加载完执行事件代码

    window.onload事件会在整个页面(包括所有的资源如图片、样式表等)加载完成后触发。它的用法非常直观,如下所示: ```javascript window.onload = function() { // 此处编写页面加载完毕后执行的代码 alert('...

    精确判断webbrowser是否加载完成demo(delphi)

    在Delphi编程环境中,WebBrowser组件常常用于在应用程序中嵌入网页浏览功能。然而,如何准确判断WebBrowser组件是否已完全...这个方法适用于那些需要在网页加载完成后执行特定操作的情况,例如自动化测试、数据抓取等。

    css3页面的缓冲加载图片

    // 在加载完成后移除 ``` 在实际应用中,可以根据需求自定义缓冲图片的样式和动画效果,使其更符合网站的风格。同时,对于复杂的页面加载情况,可能需要结合Ajax或其他异步加载技术来更精确地控制加载状态。 总之...

    ViewFlipper+AsyncImageLoader实现页面滑动及页面图片异步加载

    4. 当图片加载完成后,通过Handler或runOnUiThread更新UI,将图片设置到ImageView中。 在描述中提到的"简单的javabean使用"可能是指在数据传输或模型层使用简单的Java类(Bean)来封装图片的URL和其他相关信息。一...

    jquery 预加载图片

    当图片预加载完成时,会触发`preload`事件,我们可以监听这个事件来执行后续的操作,例如将预加载的图片设置为某个元素的背景图片或者显示在页面上。 预加载策略有很多种,比如按需预加载、批量预加载等,可以根据...

    微信小程序image图片加载完成监听

    本文将详细介绍微信小程序中图片加载完成的监听方法,以及在图片加载后进行相应处理的技巧。 在微信小程序中,对图片加载完成进行监听主要依赖于image组件提供的bindload事件。bindload是一个绑定在image组件上的...

    图片延迟加载的jq

    3. **初始化插件**:在文档加载完成后(通常在`$(document).ready()`函数内),调用jQuery.lazyload进行初始化。 ```javascript $(function() { $("img[data-src]").lazyload(); }); ``` 这行代码告诉jQuery.lazy...

    vue实现图片加载完成前的loading组件方法

    在前端开发中,图片加载是非常常见的操作,但是如何在图片加载完成前展示 Loading 效果呢?今天,我们将分享一篇使用 Vue 实现图片加载完成前的 Loading 组件方法,这个方法可以帮助开发者快速实现图片加载前的 ...

    js加载页面等待效果

    在DOM加载完成后,我们可以通过监听这个事件来执行初始化页面等待效果的代码,如显示一个加载动画。 2. **window.onload事件**:与DOMContentLoaded不同,onload事件会在整个页面资源(包括图片、脚本等)都加载...

    jquery加载页面的方法(页面加载完成就执行)

    在现代Web开发中,推荐使用jQuery的$(document).ready方法来实现在页面加载完成后执行代码,因为它仅需等待DOM树加载完成即可执行,不需要等待图片或其他资源加载。这样做可以提升页面加载速度和用户交互的响应性。...

    Html未加载完成时实现动态加载效果

    前者在DOM结构加载完成后触发,后者在所有资源(包括图片等)加载完毕后触发。我们可以在`$(document).ready()`时显示加载动画,`$(window).load()`时隐藏它: ```javascript $(document).ready(function() { $('#...

    android Gallery实现异步加载网络图片 并只加载当前停止页面图.rar

    可以使用`AsyncTask`或者`Handler`来在后台线程加载图片,加载完成后,再通过`runOnUiThread`方法更新UI。 3. **图片缓存**:为了提高用户体验,我们需要实现图片缓存机制。当图片被加载过一次后,存储在本地,下次...

    页面加载效果

    JavaScript是一种广泛应用于网页开发的脚本语言,它允许开发者对网页进行动态交互,包括在页面加载期间和加载后执行各种操作。在处理页面加载效果时,JavaScript可以监听`window.onload`或`document....

    jquery 图片延迟加载

    然后在页面加载完成后,我们通过jQuery初始化插件: ```javascript $(function() { $("img.lazy").lazyload(); }); ``` ### 四、优化与注意事项 - **兼容性**:确保所使用的jQuery版本和延迟加载插件兼容,同时...

    图片有序无序加载.rar

    在JavaScript中,我们可以使用`<img>`标签的`onload`事件来监听图片加载完成。对于有序加载,我们可以在每个图片的`onload`事件中触发下一个图片的加载,形成链式反应。而在无序加载中,我们可能需要用到`...

    加载图片源代码加载图片源代码加载图片源代码

    // 图片加载完成后的操作 }; ``` 4. 图片懒加载: 对于大量图片的页面,为了提高页面加载速度,可以采用懒加载技术。图片默认设置为低质量占位图,当图片进入视口时,再替换为真实图片。使用Intersection Observer...

    判断iframe里的页面是否加载完成

    然而,为了实现更复杂的交互功能,如在父页面与`iframe`页面之间进行通信或者在`iframe`加载完成后执行某些操作,我们需要能够判断`iframe`内的页面是否已经完全加载。本文将详细介绍如何使用JavaScript来检测`...

    简单jQuery加载等待转圈页面插件

    例如,当开始一个长时间运行的操作时,插件会添加一个包含加载动画的元素到页面上,然后在操作完成后移除这个元素。这通常涉及到CSS样式的设计,如使用`display:none`和`display:block`来控制动画的可见性。 加载...

Global site tag (gtag.js) - Google Analytics