Question

JavaScript可能会这样做，我搜索过但发现与maxWidth无关。只能重新调整图像的大小。

我需要是一段JavaScript代码，用于调整图像大小（如果图像太大（在变量中定义）。）

Answer 1

是否有一些原因导致您无法使用max-width CSS属性执行您想要的操作，例如：

<img src="myImage.png" style="max-width: 600px;">

......甚至更好：

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

...

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

修改

如果出于兼容性原因必须使用JavaScript，我建议您使用this question中指定的代码来检查加载后的总图像宽度，并在需要时将其限制，大致如下：

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); } });

Answer 2

我认为您的网页上有<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>

调整大小超过最大宽度的图像

2 个答案: