jquery實現(xiàn)在頁面加載完畢后獲取圖片高度或?qū)挾?/h1>
更新時間:2014年06月16日 16:46:52 投稿:whsnow
應(yīng)項目要求,需要在頁面加載完畢之后獲取圖片的高度,本例使用jquery來完成這個功能,需要的朋友可以參考下
日前,本技術(shù)屌絲又遇到了一個很有意思的問題,應(yīng)項目要求,需要在頁面加載完畢之后獲取圖片的高度,以此來調(diào)整圖片上面的覆蓋層相對于圖片頂端的位置。
但在jquery(function(){ /*XXXXXX*/});里面寫了之后發(fā)現(xiàn)不是很理想,因為當(dāng)jquery準(zhǔn)備就緒的時候,此時圖片絕大部分情況下都沒加載完畢,這可急壞了本屌絲~~~T~T
本屌絲就想啊,要是jquery有個跟js的onload()的方法多好啊,擦~真是天上掉下個大狗屎,恰巧砸到本屌絲~~在網(wǎng)上搜了下,還真有這么個方法,寫法如下:
復(fù)制代碼 代碼如下:
$(window).load(function() {
alert("你猜圖片加載完畢了嗎?");
});
本屌絲見到這個方法,如同在貧民窟里看到一坨金光閃閃的狗屎~~遂趕緊試了下,哇~~~哇~~~哇哦~~~真爽!還真解決了!
不得不佩服jquery的強(qiáng)大!為了保險期間,進(jìn)行了深層的進(jìn)化,代碼如下:
復(fù)制代碼 代碼如下:
jQuery(function(){
jQuery(window).load(function(){
/*對圖片的操作,可獲取img高度,寬度,進(jìn)行一些列操作等!*/
});
});
您可能感興趣的文章:- jquery實現(xiàn)動態(tài)改變div寬度和高度
- jquery動態(tài)改變div寬度和高度
- 基于jQuery實現(xiàn)左右div自適應(yīng)高度完全相同的代碼
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
- js和jquery如何獲取圖片真實的寬度和高度
- JQuery獲取當(dāng)前屏幕的高度寬度的實現(xiàn)代碼
- JS和jquery獲取各種屏幕的寬度和高度的代碼
- 使用jquery獲取網(wǎng)頁中圖片高度的兩種方法
- JQuery獲取各種寬度、高度(format函數(shù))實例
- JQuery獲取瀏覽器窗口內(nèi)容部分高度的代碼
- jQuery獲取頁面及個元素高度、寬度的總結(jié)——超實用
- jquery獲取文檔高度和窗口高度匯總
- jQuery實現(xiàn)獲取隱藏div高度的方法示例
相關(guān)文章
-
jquery實現(xiàn)商品sku多屬性選擇功能(商品詳情頁)
這篇文章主要介紹了jquery實現(xiàn)商品sku多屬性選擇功能(商品詳情頁),文中簡單給大家介紹了sku的概念,需要的朋友可以參考下 2019-12-12
-
jquery實現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果
這篇文章主要介紹了jquery實現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果,通過jquery操作鼠標(biāo)事件及頁面樣式動態(tài)變換實現(xiàn)該功能,非常具有實用價值,需要的朋友可以參考下 2015-08-08
-
jquery 文本上下無縫滾動,鼠標(biāo)放上去就停止 小例子
jquery 文本上下無縫滾動,鼠標(biāo)放上去就停止 小例子,需要的朋友可以參考一下 2013-06-06
-
jQuery+PHP+MySQL實現(xiàn)無限級聯(lián)下拉框效果
這篇文章主要介紹了jQuery+PHP+MySQL實現(xiàn)無限級聯(lián)效果的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下 2016-02-02
-
JQuery Highcharts 動態(tài)生成圖表的方法
動態(tài)圖表生成方法有很多,在接下來的文章中將為大家介紹下使用JQuery Highcharts是如何實現(xiàn)的 2013-11-11
最新評論
但在jquery(function(){ /*XXXXXX*/});里面寫了之后發(fā)現(xiàn)不是很理想,因為當(dāng)jquery準(zhǔn)備就緒的時候,此時圖片絕大部分情況下都沒加載完畢,這可急壞了本屌絲~~~T~T
本屌絲就想啊,要是jquery有個跟js的onload()的方法多好啊,擦~真是天上掉下個大狗屎,恰巧砸到本屌絲~~在網(wǎng)上搜了下,還真有這么個方法,寫法如下:
復(fù)制代碼 代碼如下:
$(window).load(function() {
alert("你猜圖片加載完畢了嗎?");
});
本屌絲見到這個方法,如同在貧民窟里看到一坨金光閃閃的狗屎~~遂趕緊試了下,哇~~~哇~~~哇哦~~~真爽!還真解決了!
不得不佩服jquery的強(qiáng)大!為了保險期間,進(jìn)行了深層的進(jìn)化,代碼如下:
復(fù)制代碼 代碼如下:
jQuery(function(){
jQuery(window).load(function(){
/*對圖片的操作,可獲取img高度,寬度,進(jìn)行一些列操作等!*/
});
});
您可能感興趣的文章:
- jquery實現(xiàn)動態(tài)改變div寬度和高度
- jquery動態(tài)改變div寬度和高度
- 基于jQuery實現(xiàn)左右div自適應(yīng)高度完全相同的代碼
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
- js和jquery如何獲取圖片真實的寬度和高度
- JQuery獲取當(dāng)前屏幕的高度寬度的實現(xiàn)代碼
- JS和jquery獲取各種屏幕的寬度和高度的代碼
- 使用jquery獲取網(wǎng)頁中圖片高度的兩種方法
- JQuery獲取各種寬度、高度(format函數(shù))實例
- JQuery獲取瀏覽器窗口內(nèi)容部分高度的代碼
- jQuery獲取頁面及個元素高度、寬度的總結(jié)——超實用
- jquery獲取文檔高度和窗口高度匯總
- jQuery實現(xiàn)獲取隱藏div高度的方法示例
相關(guān)文章
jquery實現(xiàn)商品sku多屬性選擇功能(商品詳情頁)
這篇文章主要介紹了jquery實現(xiàn)商品sku多屬性選擇功能(商品詳情頁),文中簡單給大家介紹了sku的概念,需要的朋友可以參考下2019-12-12jquery實現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果
這篇文章主要介紹了jquery實現(xiàn)鼠標(biāo)滑過顯示二級下拉菜單效果,通過jquery操作鼠標(biāo)事件及頁面樣式動態(tài)變換實現(xiàn)該功能,非常具有實用價值,需要的朋友可以參考下2015-08-08jquery 文本上下無縫滾動,鼠標(biāo)放上去就停止 小例子
jquery 文本上下無縫滾動,鼠標(biāo)放上去就停止 小例子,需要的朋友可以參考一下2013-06-06jQuery+PHP+MySQL實現(xiàn)無限級聯(lián)下拉框效果
這篇文章主要介紹了jQuery+PHP+MySQL實現(xiàn)無限級聯(lián)效果的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-02-02JQuery Highcharts 動態(tài)生成圖表的方法
動態(tài)圖表生成方法有很多,在接下來的文章中將為大家介紹下使用JQuery Highcharts是如何實現(xiàn)的2013-11-11