欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery实现在页面加载完毕后获取图片高度或宽度

程序员文章站 2022-06-20 16:32:13
应项目要求,需要在页面加载完毕之后获取图片的高度,以此来调整图片上面的覆盖层相对于图片顶端的位置。 但在jquery(function(){ /*xxxxxx*/});里面写...

应项目要求,需要在页面加载完毕之后获取图片的高度,以此来调整图片上面的覆盖层相对于图片顶端的位置。

但在jquery(function(){ /*xxxxxx*/});里面写了之后发现不是很理想,因为当jquery准备就绪的时候,此时图片绝大部分情况下都没加载完毕,这可急坏了本屌丝~~~t~t

本屌丝就想啊,要是jquery有个跟js的onload()的方法多好啊,擦~真是天上掉下个大*,恰巧砸到本屌丝~~在网上搜了下,还真有这么个方法,写法如下:

. 代码如下:


$(window).load(function() {
alert("你猜图片加载完毕了吗?");
});


本屌丝见到这个方法,如同在贫民窟里看到一坨金光闪闪的*~~遂赶紧试了下,哇~~~哇~~~哇哦~~~真爽!还真解决了!

不得不佩服jquery的强大!为了保险期间,进行了深层的进化,代码如下:

. 代码如下:


jquery(function(){
jquery(window).load(function(){
/*对图片的操作,可获取img高度,宽度,进行一些列操作等!*/
});
});