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

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

WBOY
發布: 2016-05-16 17:24:28
原創
783 人瀏覽過

如何在固定大小的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
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板