调整图像大小到最大宽度以上

问题描述

| JavaScript可能会做到这一点，我进行了搜索，但发现与maxWidth无关。仅调整图像大小。我需要一段JavaScript代码来调整图像的大小（如果太大）（在变量中定义）。

解决方法

是否有某些原因导致您无法使用max-widthCSS属性执行所需的操作，例如： <img src=\"myImage.png\" style=\"max-width: 600px;\"> ...甚至更好：

<style>
    .widthConstrained {
        max-width: 600px; 
    }
</style>

...

<img src=\"myImage.png\" class=\"widthConstrained\">

编辑：如果出于兼容性原因必须使用JavaScript，建议您使用类似此问题中指定的代码的方法检查加载后的总图像宽度，并在需要时将其压缩，大致如下：

var img = $(\"img\")[0]; // Get my img elem
$(\"<img/>\") // Make in memory copy of image to avoid css issues
    .attr(\"src\",$(img).attr(\"src\"))
    .load(function() {
        if (this.width > maxWidth) {
            $(img).width(maxWidth);
        }
    });

,我认为您的网页中有一个<img />标签。要缩小太大的图像，只需插入width和height属性以及图像源，alt和ID。

<head>
    <script type=\"text/javascript\" />
       function pie()
       {
        var pathToImage = \"bla/bla/Image.jpg\";
        document.GetElementByID(Image1).setAttribute(\"src\",pathToImage);
       }
    </script>
</head>
<body onload=Pie() >
    <img ID=\"Image1\" alt=\"random Image\" width=\"300px\" Height=\"200px\" />
</body>

以上以上图像宽度宽度小到最大最大调整

调整图像大小到最大宽度以上

问题描述

解决方法

相关问答