zoukankan      html  css  js  c++  java
  • JS获取图片实际宽高及根据图片大小进行自适应

    图片实际宽高使用js进行获取以及根据图片大小进行自适应。


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

    <img src="http://xxx.jpg" id="imgs" onload="adapt();"/>
    
    function adapt(){ 
    //图片宽度自适应
    //by www.jbxue.com
    var tableWidth = $("#imgTable").width(); //表格宽度 
    var img = new Image(); 
    img.src =$('#imgs').attr("src") ; 
    var imgWidth = img.width; //图片实际宽度 
    if(imgWidth<tableWidth){ 
    $('#imgs').attr("style"," auto"); 
    }else{ 
    $('#imgs').attr("style"," 100%"); 
    } 
    }

    另可设置CSS样式:

    <style type="text/css"> 
    <!-- 
    img{ 
    max-width:100%;height:auto; 
    } 
    --> 
    </style>
  • 相关阅读:
    ADO.NET调用存储过程
    存储过程
    web Servise(服务)
    ADO.NET连接池
    ADO.NET
    常用语法2
    常用语法
    修改pip源为国内网站
    模块
    random模块
  • 原文地址:https://www.cnblogs.com/cfinder010/p/3252190.html
Copyright © 2011-2022 走看看