预览模式: 普通 | 列表

Javascript图片自适应宽度

 图片宽度超过720px自动调整宽度和高度。

JavaScript代码
  1. //图片自适应页面宽度  
  2. window.onload=function(){  
  3.     var img = document.getElementsByTagName("img");  
  4.     var w = 0;  
  5.     var h = 0;  
  6.     for (var i=0; i<img.length; i++){  
  7.     w= img[i].width;  
  8.     h= img[i].height;  
  9.         if (img[i].alt == "alt值"){  
  10.             if (img[i].width > 720){  
  11.                 img[i].width=720;  
  12.                 img[i].height=720*h/w;  
  13.             }  
  14.         }  
  15.     }  
  16. }  

原创代码,转载请注明出处,谢谢!https://blog.guanjianci.net/

Tags: javascript

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1997

 广告位

↑返回顶部↑