asp.net javacript에서 이미지 컨트롤에 맞게 이미지 크기 조정

Question

어떤 메뉴 항목이 선택되었는지에 따라 헤더의 이미지가 변경됩니다. 문제는 이미지가 이미지 컨트롤에 뻗어 있다는 것입니다. 이미지를 왜곡하지 않고 자동으로 확대/축소합니다. 이것이 가능한가.

참고 : 이미지는 이미지 폴더에 있으며 모두 같은 크기가 아닙니다.

자바 스크립트

<script type="text/javascript"> 

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

</script> 

Answer 1

은 내가 CSS 속성 '폭'을 설정하는 것이 좋습니다 것입니다. 귀하의 필요와 이미지에 맞는 너비를 사용하십시오. 다음과 같이 구현됩니다 :

width:300px; 

이미지를 왜곡하고 싶지 않으므로 이미지의 가장 작은 너비를 사용해야합니다. 모든 these 이미지의 너비가 다르지만 'width'속성이 80px으로 설정되어 있기 때문에 왜곡되지 않고 모두 같은 너비로 보입니다.

Answer 2

확대/축소를 얼마나 알 수 있는지를 제외하고는 자동으로 확대/축소 할 수 있다고 생각하지 않습니다.

CSS는

Zoom:200%;