国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS+css 圖片自動縮放自適應(yīng)大小

2024-05-06 15:50:15
字體:
供稿:網(wǎng)友
編輯器上傳的圖片太大了,把FF和IE撐的走形,所以希望圖片在某些頁面里要有固定大小,如果需要某個范圍,用getElementByname來設(shè)定,也是一個道理:

我加了css的限制:

復(fù)制代碼 代碼如下:


div img {}{
max-width:600px;
width:600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
overflow:hidden;
}


◎ max-width:600px; 在IE7、FF等其他非IE瀏覽器下最大寬度為600px。但在IE6中無效。
 ◎ width:600px; 在所有瀏覽器中圖片的大小為600px;
 ◎ 當(dāng)圖片大小大于600px,自動縮小為600px。在IE6中有效。
 ◎ overflow:hidden; 超出的部分隱藏,避免控制圖片大小失敗而引起的撐開變形。
在放圖片的頁面里加了

復(fù)制代碼 代碼如下:


<script language="JavaScript">
var imgObj;
for( i = 0; i < document . getElementsByTagName("img") . length; i++ )
{
 imgObj = document . getElementsByTagName("img")[i];
 //建議只判斷高度或者寬度其中一個,那樣可以自動按比例縮放
 if ( imgObj . width > 500 ) //判斷圖片的寬度,如果大于700,則設(shè)置為700,值可以自己修改
 {
  imgObj . width = 500
 }
 if ( imgObj . height > 700 ) //判斷圖片的高度,如果大于700,則設(shè)置為700,值可以自己修改
 {
  imgObj . height = 700
 }
}
</script>


單獨的圖片控制,用這個:

復(fù)制代碼 代碼如下:


<script>
var abc=document.getElementById("abc");
var imgs=abc.getElementsByTagName("img");
for (var i=0,g;g=imgs[i];i++)
g.onload=function(){if (this.width>300){this.width=300}else{if (this.height>300)this.height=300}}
</script>


測試在IE和FF下通過。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 遂昌县| 新郑市| 南安市| 奎屯市| 灯塔市| 凌云县| 马公市| 五河县| 元氏县| 塔城市| 沙洋县| 元朗区| 于都县| 舒兰市| 增城市| 邓州市| 隆昌县| 即墨市| 宁海县| 齐齐哈尔市| 靖安县| 保德县| 永靖县| 宝应县| 大连市| 临夏市| 仁寿县| 紫云| 万年县| 阿坝| 玉屏| 巨鹿县| 秦皇岛市| 阆中市| 什邡市| 东源县| 孝义市| 陆丰市| 松原市| 蕲春县| 吉木萨尔县|