调整图像大小以适应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;

由于您不想扭曲图像，因此您应该使用图像所具有的最小宽度。所有these图片都有不同的宽度，但由于'width'属性设置为80px，所以它们看起来都是相同的宽度，没有失真。

Answer 2

我不认为您可以自动缩放，除非您知道要查找多少缩放。

<强> CSS

Zoom:200%;