調整圖像大小到最大寬度以上
[英]Resize images above max width
問題描述
JavaScript可能會做到這一點，我進行了搜索，但發現與maxWidth無關。 僅調整圖像大小。
我需要一段JavaScript代碼來調整圖像的大小（如果太大）（在變量中定義）。
2 個解決方案
解決方案1
0 已采納 2011-04-13 13:19:24
是否有某些原因導致您無法使用max-width CSS屬性執行所需的操作，例如：
<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);
}
});
解決方案2
0 2011-04-13 13:20:02
我認為您的網頁中有一個<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>
根據javascript中的最小寬度/高度和最大寬度/高度調整圖像大小
[英]resize image respecting a min width / height and max width / height in javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.