如何在頁面載入完畢後獲取圖片高度或寬度問題
阿新 • • 發佈:2019-02-03
日前,本技術屌絲又遇到了一個很有意思的問題,應專案要求,需要在頁面載入完畢之後獲取圖片的高度,以此來調整圖片上面的覆蓋層相對於圖片頂端的位置。
但在jquery(function(){ /*XXXXXX*/});裡面寫了之後發現不是很理想,因為當jquery準備就緒的時候,此時圖片絕大部分情況下都沒載入完畢,這可急壞了本屌絲~~~T~T
本屌絲就想啊,要是jquery有個跟js的onload()的方法多好啊,擦~真是天上掉下個大狗屎,恰巧砸到本屌絲~~在網上搜了下,還真有這麼個方法,寫法如下:
本屌絲見到這個方法,如同在貧民窟裡看到一坨金光閃閃的狗屎~~遂趕緊試了下,哇~~~哇~~~哇哦~~~真爽!還真解決了!$(window).load(function() { alert("你猜圖片載入完畢了嗎?"); });
不得不佩服jquery的強大!為了保險期間,進行了深層的進化,程式碼如下:
jQuery(function(){
jQuery(window).load(function(){
/*對圖片的操作,可獲取img高度,寬度,進行一些列操作等!*/
});
});
有任何疑問和指教,請加本屌絲QQ:1740437
學習交流,不喜勿噴~~