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

複製程式碼 程式碼如下:

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_origig=h; * (x / w);
 //依目標寬度按比例算出高度 w =x;
 //寬度等於預定寬度 if (h //如果按比例縮小後的高度小於預定高度時
 w = w_original * (y /h_original); 
//以目標高度重新計算寬度 h = y;
 //高度預定高度等於高度重新計算寬度 h = y;
 //高度預定高度等於高度。
$(this).attr({width:w,height:h}); }); }); });