您正在使用IPV4(34.204.180.223)访问本站 您本次共访问本站 1 次
用户名: 用QQ登录本站
密 码:
验证码:
首页 软件 编程 笑话 知识 公告 台风 日历 计算器 行情 简化版
文明驾车我带头,文明行路我带头,礼貌让座我带头      

【腾讯云】618云上GO!云服务器限时秒杀,1核2G首年95元!       [公益] 节省一分零钱 献出一份爱心 温暖世间真情      
广告位招租中
2021年 建军节 3
2021年 七夕节 16
2022年 元 旦 156
2022年 春 节 187
 
  • 本类新增
    本类热门文章
    您现在的位置:首页 >> JS/CSS >> 内容
    JS获取图片实际宽高及根据图片大小进行自适应
    内容摘要: 获取图片实际宽高,以及根据图片大小进行自适应代码如下:imgsrc='http://xxx.jpg'id='imgs'onload='adapt();'/代码如下:functionadapt(){vartableWidth=$('#imgTable').width();//表格宽度varimg=newImage();img.src=$('#imgs').at......
    获取图片实际宽高,以及根据图片大小进行自适应

    代码如下:

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

    代码如下:

    functionadapt(){

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

    varimg=newImage();

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

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

    if(imgWidth<tableWidth){

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

    }else{

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

    }

    }

    另可设置CSS样式:

    代码如下:

    <styletype="text/css">

    <!--

    img{

    max-width:100%;height:auto;

    }

    -->

    </style>

    版权声明:本内容来源于互联网,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
    上一篇:100多个基础常用JS函数和语法集合大全 下一篇:纯CSS3实现div按照顺序出入效果
    发布日期:2021/7/15
    手机扫二维码直达本页
    发布时间:8:56:42
    点击:152
    录入:齐天大圣
    相关文章
    Baidu

    YiJiaCMS V5.9 Build 21.7.20(MSSQL) 闽ICP备05000814号-1
    本空间由景安网络提供,百度云加速提供加速防护
    ©2000-2021