1. 程式人生 > >如何在頁面載入完畢後獲取圖片高度或寬度問題

如何在頁面載入完畢後獲取圖片高度或寬度問題

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

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

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

$(window).load(function() {
    alert("你猜圖片載入完畢了嗎?");
});
本屌絲見到這個方法,如同在貧民窟裡看到一坨金光閃閃的狗屎~~遂趕緊試了下,哇~~~哇~~~哇哦~~~真爽!還真解決了!

不得不佩服jquery的強大!為了保險期間,進行了深層的進化,程式碼如下:

jQuery(function(){
    jQuery(window).load(function(){
        /*對圖片的操作,可獲取img高度,寬度,進行一些列操作等!*/
    });
});



有任何疑問和指教,請加本屌絲QQ:1740437

學習交流,不喜勿噴~~