调整图像大小以适应asp.net javascript中的图像控件

Question

我根据选择的菜单项更改标题中的图像。问题是图像控件中的图像拉伸。我希望它能自动缩放而不会扭曲图像。这可能吗。

注意：这些图像位于图像文件夹中，大小并不完全相同。

Javascript

<script type="text/javascript">
function ChangeProjectImage(imgpath) {
var img1 = document.getElementById("Image2")
img1.src = imgpath;
}
</script>

Answer 1

我建议设置CSS属性"width"。使用适合您的需求和图像的宽度。它将这样实现：

width:300px;

既然你不想扭曲你的图像，你应该使用你的图像最小的宽度。所有这些图像都有不同的宽度，但由于"width"属性设置为80px，它们看起来都是相同的宽度，没有失真。

Answer 2

我认为你不能自动缩放，除非你知道你在寻找多大的缩放。

CSS

Zoom:200%;