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

我根据选择的菜单项更改标题中的图像。问题是图像在图像控件中延伸。我希望它自动缩放而不会扭曲图像。这可能吗。调整图像大小以适应asp.net中的图像控制javascript

注意：图像驻留在图像文件夹中，并且尺寸不完全相同。

的Javascript

<script type="text/javascript"> 

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

</script>

来源

2012-10-13 TroyS

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

width:300px;

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

来源

2012-10-13 15:34:02 davehale23

您的解决方案制定了伟大的！谢谢。我确保不要设置高度属性，因为这会扭曲它。 – TroyS

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

CSS

Zoom:200%;

来源

2012-10-13 15:36:59

因此，我将不得不以数学方式计算图像大小，然后相应地设置缩放样式？ – TroyS

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

回答

相关问题