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