蓝
JavaScript
阅读:4317
评论:0

大小超标图片缩放

Calchas 发表于 2009, February 9, 3:09 PM

JavaScript代码
  1. <div class="content" id="showContent">   
  2. <img class="imgStyle" alt="" src="200902091404385054.jpg" /></font></p>   
  3. </div>   
  4. <script type="text/javascript">   
  5. window.onload=function(){    
  6. fiximage('600x500');   
  7. }   
  8. function fiximage(thumbs_size) {   
  9. var max = thumbs_size.split('x');   
  10. var fixwidth = max[0];   
  11. var fixheight = max[1];   
  12. //imgs = document.getElementsByTagName('img');   
  13. imgs = document.getElementById("showContent").getElementsByTagName('img');   
  14. for(i=0;i<imgs.length;i++) {   
  15. w=imgs[i].width;h=imgs[i].height;   
  16. if(h>fixheight) { imgs[i].height=fixheight;imgs[i].width=w/(h/fixheight);}   
  17. if(w>fixwidth) { imgs[i].width=fixwidth;imgs[i].height=h/(w/fixwidth);}   
  18. }   
  19. }   
  20. </script>  

« 上一篇 | 下一篇 »

引用： 点击获得Trackback地址,Encode: UTF-8　点击获得Trackback地址,Encode: GB2312 or GBK　点击获得Trackback地址,Encode: BIG5
发表评论：( 你的参与是我最大的动力! )