首頁  >  文章  >  web前端  >  jquery中載入圖片自適應大小主要實作碼_jquery

jquery中載入圖片自適應大小主要實作碼_jquery

WBOY
WBOY原創
2016-05-16 17:24:28758瀏覽

如何在固定大小的div中放置一個圖片,當圖片較小時顯示實際大小,當圖片超過div 大小時圖片自動適應div 的大小
實現過程的主要代碼:

複製程式碼 程式碼如下:

.divImg{
max-height:200pthx max-nidwidx; 200px;
width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
height: expression(this.height > 200 ? 200 : auto);

實例:

複製程式碼 程式碼如下:

程式碼如下:













程式碼如下:








程式碼如下:



碼!DOCTYPE html>



實作圖片載入自適應

$("#img").attr("src",url); $("#img").addClass("divImg"); } >
jquery中載入圖片自適應大小主要實作碼_jquery
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn