Home  >  Article  >  Web Front-end  >  jquery实现在页面加载完毕后获取图片高度或宽度_jquery

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

WBOY
WBOYOriginal
2016-05-16 16:44:131487browse

日前,本技术屌丝又遇到了一个很有意思的问题,应项目要求,需要在页面加载完毕之后获取图片的高度,以此来调整图片上面的覆盖层相对于图片顶端的位置。

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

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

复制代码 代码如下:

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

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

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

jQuery(function(){
jQuery(window).load(function(){
/*对图片的操作,可获取img高度,宽度,进行一些列操作等!*/
});
});
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn