zoukankan      html  css  js  c++  java
  • jquery控制图片按比例缩放

    $(function() {
            
    var boxWidth = 675;
            
    var boxHeight = 450;
            
    var imgWidth = $("#img1").width();
            
    var imgHeight = $("#img1").height();
            
    //比较imgBox长宽比img长宽比
            if ((boxWidth / boxHeight) >= (imgWidth / imgHeight)) {
                
    //重新设置imgwidthheight
                $("#img1").width((boxHeight * imgWidth) / imgHeight);
                $(
    "#img1").height(boxHeight);
                
    //让图片居显示
                var margin = (boxWidth - $("#img1").width()) / 2;
                $(
    "#img1").css("margin-left", margin);
            }
            
    else {
                
    //重新设置imgwidthheight
                $("#img1").width(boxWidth);
                $(
    "#img1").height((boxWidth * imgHeight) / imgWidth);
                
    //让图片居显示
                var margin = (boxHeight - $("#img1").height()) / 2;
                $(
    "#img1").css("margin-top", margin);
            }
        });
  • 相关阅读:
    使用UOS微信桌面版协议登录,wechaty免费版web协议又可以用了
    angular之$watch方法详解
    webpack配置这一篇就够
    select设置disable后ie修改默认字体颜色暂时解决
    201901251946
    new year
    test
    mysql密码忘记解决方法
    bianmayujianmatest
    jinzhizhuanhuan
  • 原文地址:https://www.cnblogs.com/pipizhu/p/1629686.html
Copyright © 2011-2022 走看看