首頁  >  文章  >  web前端  >  jquery實作在頁面載入完畢後取得圖片高度或寬度_jquery

jquery實作在頁面載入完畢後取得圖片高度或寬度_jquery

WBOY
WBOY原創
2016-05-16 16:44:131524瀏覽

日前,本技術屌絲又遇到了一個很有意思的問題,應項目要求,需要在頁面加載完畢之後獲取圖片的高度,以此來調整圖片上面的覆蓋層相對於圖片頂端的位置。

但在jquery(function(){ /*XXXXXX*/});裡面寫了之後發現不是很理想,因為當jquery準備就緒的時候,此時圖片絕大部分情況下都沒加載完畢,這可急壞了本屌絲~~~T~T

本屌絲就想啊,要是jquery有個跟js的onload()的方法多好啊,擦~真是天上掉下個大狗屎,恰巧砸到本屌絲~~在網上搜了下,還真有這麼個方法,寫法如下:

複製代碼 程式碼如下:

$(window).load(function() {
alert("你猜圖片載入完畢了嗎?");
});

本屌絲見到這個方法,如同在貧民窟裡看到一坨金光閃閃的狗屎~~遂趕緊試了一下,哇~~~哇~~~哇哦~~~真爽!還真解決了!

不得不佩服jquery的強大!為了保險期間,進行了深層的演化,代碼如下:
複製代碼 代碼如下:
jQuery(function(){
jQuery(window).load(function(){
/*對圖片的操作,可取得img高度,寬度,進行一些列操作等!*/
} );
});

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn