熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

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

2013-11-15 12:15:37  來源: JSP教程 
開發前期用自動生產 固定大小的圖片 進行 顯示發現不能滿足在前期的時候把保存了原圖現在只能顯示原圖原圖由於上傳時候沒有做任何限制所有要使用 圖片不完全按比例縮小下面是代碼   復制代碼 代碼如下:

  
jQuery(document)ready(function()

/* 圖片不完全按比例自動縮小*/ 
$(window)load(function(){$(#content divthumbnail img)each(function(){ var x = 
//填入目標圖片寬度
 var y = 
//填入目標圖片高度
 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:wheight:h}); }); }); });


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20588.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.