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

來源:互聯網
上載者:User

複製代碼 代碼如下:
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}); }); }); });

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.