天天看點

如何通過js和jquery擷取圖檔真實的寬度和高度

1、什麼時候需要擷取圖檔真實的寬度和高度

      在做pc網頁的時候,有時候會考慮按照插入的圖檔的尺寸來判斷圖檔是橫圖還是豎圖。然後判斷過後給予不同的展示方式!

      另外一種就是在手機頁面上,在新聞頁插入的圖檔往往都是按照圖檔的原尺寸來展示,如果手機螢幕太小,太大的圖就會超出去!這時候有兩種解決辦法

1)給所有的圖檔加上這樣的樣式

但是這種方式有另外一個問題就是,如果插入的圖檔本身就很小的話,也會被直接拉伸成100%顯示,顯然這是不合理的!那麼這裡就介紹另外一種方式就是通過js動态展示圖檔的尺寸!

2)js動态擷取圖檔的尺寸

     jquery方式

       js方式

 上面兩種方法中jquery比較簡單,實作起來比較快,第二種比較複雜些,但是執行起來比jquery要快!

繼續閱讀