一句話解決JS獲得圖片尺寸問題,兼容各個瀏覽器

之前用到圖片等比縮小或者懶加載或者預加載之類的都要首先獲得圖片的高度和寬度,到網上看別人 用 Image 對象 使用 image.width,image.height 或者使用一個div包裹圖片,不設置圖片的高和寬,然後獲得div的寬和高就是圖片的高和寬,但是經過本人實驗 首先使用image對象的方法獲得尺寸,很不靠譜,特在IE7上面 ,很坑爹,存在很多兼容性問題。第二種方法看似很好,但是當你測試是發現這些根本不是圖片的實際尺寸,用firebug查看,你很看到很坑爹的事情,截圖如下


這個圖片實際沒有這麼大,但是dom圖裏面卻顯示這麼大,所以你獲得的尺寸總是比圖片實際尺寸大一些

沒有辦法,那怎麼辦了,當然有辦法了

jQuery代碼如下

parseInt($('img').css('width'));

parseInt($('img').css('height'));
注意,這個時候不用用$(document).ready();

用這個是不行的,這個時候要這樣寫了$(window).load(function(){/**++填寫獲得圖片尺寸的代碼++**/});
至於爲神馬要用$(window).load而不用$(document).ready() 就留着你學習思考了


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章