0

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

注意：图像位于图像文件夹中，大小不一。

Javascript

<script type="text/javascript">

    function ChangeProjectImage(imgpath) {
        var img1 = document.getElementById("Image2")
        img1.src = imgpath;
    }

</script>
4

2 回答 2

2

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

width:300px;

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

于 2012-10-13T15:34:02.213 回答
0

我不认为你可以自动缩放，除非你知道你在寻找多少缩放。

CSS

Zoom:200%;
于 2012-10-13T15:36:59.157 回答