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

首頁 > 語言 > JavaScript > 正文

jquery圖片不完全按比例自動縮小的簡單代碼

2024-05-06 15:49:33
字體:
來源:轉載
供稿:網友
開發前期用自動生產 固定大小的圖片 進行 顯示,發現不能滿足,在前期的時候把保存了原圖,現在只能顯示原圖,原圖由于上傳時候沒有做任何限制所有要使用 圖片不完全按比例縮小,下面是代碼

復制代碼 代碼如下:


jQuery(document).ready(function()

/* 圖片不完全按比例自動縮小*/ 
$(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200; 
//填入目標圖片寬度
 var y = 140; 
//填入目標圖片高度
 var w=$(this).width(), h=$(this).height();
//獲取圖片寬度、高度 
if (w > x) { 
//圖片寬度大于目標寬度時 
var w_original=w, h_original=h; h = h * (x / w);
 //根據目標寬度按比例算出高度 w =x;
 //寬度等于預定寬度 if (h < y) { 
//如果按比例縮小后的高度小于預定高度時
 w = w_original * (y /h_original); 
//按目標高度重新計算寬度 h = y;
 //高度等于預定高度 

}
$(this).attr({width:w,height:h}); }); }); });

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 新巴尔虎左旗| 察隅县| 青阳县| 固镇县| 五大连池市| 岑巩县| 白玉县| 清丰县| 泾阳县| 东源县| 阿拉善盟| 定日县| 克拉玛依市| 南平市| 三亚市| 海伦市| 临沂市| 咸宁市| 四川省| 汕尾市| 金乡县| 阜康市| 宣威市| 南召县| 阿荣旗| 黑水县| 呼伦贝尔市| 汾阳市| 廉江市| 焉耆| 台湾省| 滁州市| 锦屏县| 若羌县| 定远县| 宝坻区| 织金县| 瓦房店市| 吉首市| 合水县| 江源县|