ie 都不支援 max-width 這種東西, 真的是很頭大, 所以只好想說用 javascript 來做 max-width 跟 max-height 這個工作, 所以就寫了下面這一段。 只是好像有些圖片還是縮不到, 所以… 最後我還是用 php 來作這個動作了, 以下只是個記錄.
$(function(){ 
 var limit = 120; 
 s = $('#stickers img'); 
 $.each(s, function(i, n){ 
 var w = $(n).width(); 
 var h = $(n).height(); 
 if (w > h) { 
  if (w > limit) { 
   var d = w - limit; 
   var r = h / w; 
   var nw = w - d; 
   var nh = h - d * r; 
   $(n).width(nw); 
   $(n).height(nh); 
   } 
 } else { 
   if (h > limit) { 
   var d = h - limit; 
   var r = w / h; 
   var nh = h - d; 
   var nw = w - d * r; 
   $(n).width(nw); 
   $(n).height(nh); 
   } 
 } 
 }); 
}); 
沒有留言:
張貼留言