如何得知图片已加载完毕

Posted lbnnbs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何得知图片已加载完毕相关的知识,希望对你有一定的参考价值。

这也一个没有很好文档说明的问题(至少在我查找时没看到),但是在创建照片库、旋转灯笼效果等方面,它是相当常见的需求。而这在jQuery中很容易实现。

所有你要做的就是在IMG上使用.load()方法,在其中添加一个回调函数。下面的例子改变了一个图片src的属性同事附加上一个简单的load函数:

$(‘#myImage‘).attr(‘src‘, ‘image.jpg‘).load(function() {   
    alert(‘Image Loaded‘);   
}); 

以上是关于如何得知图片已加载完毕的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 是如何判断HTML页面加载完毕的?它的原理是啥?

js等待图片加载完毕后再显示

JavaScript判断图片是否已经加载完毕的方法汇总

分享前端开发常用代码片段

如何把视频片段做成动态图片

如何检查图片是不是已完全加载?