JS获取图片实际宽高及根据图片大小进行自适应

  JS获取图片实际宽高,以及根据图片大小进行自适应

  

复制代码 代码如下:

  <img src="http://xxx.jpg" id="imgs" onload="adapt();"/>

  

复制代码 代码如下:

  function adapt(){

  var tableWidth = $("#imgTable").width(); //表格宽度

  var img = new Image();

  img.src =$('#imgs').attr("src") ;

  var imgWidth = img.width; //图片实际宽度

  if(imgWidth<tableWidth){

  $('#imgs').attr("style","width: auto");

  }else{

  $('#imgs').attr("style","width: 100%");

  }

  }

  另可设置CSS样式:

  

复制代码 代码如下:

  <style type="text/css">

  <!--

  img{

  max-width:100%;height:auto;

  }

  -->

  </style>