jquery实现在页面加载完毕后获取图片高度或宽度
更新时间：2014年06月16日 16:46:52 投稿：whsnow
应项目要求，需要在页面加载完毕之后获取图片的高度，本例使用jquery来完成这个功能，需要的朋友可以参考下
日前，本技术屌丝又遇到了一个很有意思的问题，应项目要求，需要在页面加载完毕之后获取图片的高度，以此来调整图片上面的覆盖层相对于图片顶端的位置。
但在jquery(function(){ /*XXXXXX*/});里面写了之后发现不是很理想，因为当jquery准备就绪的时候，此时图片绝大部分情况下都没加载完毕，这可急坏了本屌丝~~~T~T
本屌丝就想啊，要是jquery有个跟js的onload()的方法多好啊，擦~真是天上掉下个大狗屎，恰巧砸到本屌丝~~在网上搜了下，还真有这么个方法，写法如下：
$(window).load(function() {
alert("你猜图片加载完毕了吗？");
});
本屌丝见到这个方法，如同在贫民窟里看到一坨金光闪闪的狗屎~~遂赶紧试了下，哇~~~哇~~~哇哦~~~真爽！还真解决了！
不得不佩服jquery的强大！为了保险期间，进行了深层的进化，代码如下：
jQuery(function(){
jQuery(window).load(function(){
/*对图片的操作，可获取img高度，宽度，进行一些列操作等！*/
});
});
但在jquery(function(){ /*XXXXXX*/});里面写了之后发现不是很理想，因为当jquery准备就绪的时候，此时图片绝大部分情况下都没加载完毕，这可急坏了本屌丝~~~T~T
本屌丝就想啊，要是jquery有个跟js的onload()的方法多好啊，擦~真是天上掉下个大狗屎，恰巧砸到本屌丝~~在网上搜了下，还真有这么个方法，写法如下：
复制代码 代码如下:
$(window).load(function() {
alert("你猜图片加载完毕了吗？");
});
本屌丝见到这个方法，如同在贫民窟里看到一坨金光闪闪的狗屎~~遂赶紧试了下，哇~~~哇~~~哇哦~~~真爽！还真解决了！
不得不佩服jquery的强大！为了保险期间，进行了深层的进化，代码如下：
复制代码 代码如下:
jQuery(function(){
jQuery(window).load(function(){
/*对图片的操作，可获取img高度，宽度，进行一些列操作等！*/
});
});
您可能感兴趣的文章:
- jquery实现动态改变div宽度和高度
- jquery动态改变div宽度和高度
- 基于jQuery实现左右div自适应高度完全相同的代码
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- js和jquery如何获取图片真实的宽度和高度
- JQuery获取当前屏幕的高度宽度的实现代码
- JS和jquery获取各种屏幕的宽度和高度的代码
- 使用jquery获取网页中图片高度的两种方法
- JQuery获取各种宽度、高度(format函数)实例
- JQuery获取浏览器窗口内容部分高度的代码
- jQuery获取页面及个元素高度、宽度的总结——超实用
- jquery获取文档高度和窗口高度汇总
- jQuery实现获取隐藏div高度的方法示例
相关文章
Ajax 通俗来讲即不需要刷新页面即可从服务器或客户端上加载数据，当然这些数据的格式是多种多样的。2014-06-06
本文给大家分享jquery技术实现图片延时加载效果，本特效没有使用专门的图片延迟加载插件，只需要一小段jQuery代码就实现了图片延迟加载，使用非常方便，需要的朋友可以下载源码2016-06-06
如果看过本文姊妹篇《jqPlot——基于jquery的图表绘制工具》的朋友，应该知道jqPlot大致的操作方法；如果还是不太清楚的话，可以参考jqPlot官方网站的使用方法介绍。2009-07-07
这篇文章主要为大家详细介绍了jQuery实现简单登录条件判断，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
本篇文章主要是对Cookie中的Path与domain进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了jQuery中DOM节点的删除方法,文中介绍的很相信，内容包括empty()的基本用法、remove()的有参用法和无参用法、empty和remove区别、保留数据的删除操作detach()以及detach()和remove()区别，需要的朋友可以参考借鉴。2017-01-01
在easyUI开发中，出现jquery.easyui.min.js函数库问题的解决办法
easyUI是jquery的一个插件，是民间的插件，easyUI使用起来很方便，里面有网页制作的最重要的三大方块：javascript代码、html代码和Css样式，但是很容易出现jquery.easyui.min.js函数库问题，小编教大家如何解决问题，需要的朋友可以参考下2015-09-09
下面小编就为大家带来一篇jQuery基本选择器(实例及表单域value的获取方法)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
拉动滚动条加载数据的jquery代码，需要的朋友可以参考下2012-05-05
jQuery 3.0 的 setter和getter 模式详解
这篇文章主要介绍了jQuery 3.0 的 setter和getter 模式详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
最新评论