Java/JSP QnA

IE브라우저 버전에 따라서 이미지 리사이징후 일그러지는 현상이 발생합니다.

IE8.0 이상 또는 다른 웹브라우져(크롬, 모질라 등) 에서는 이상없이 이미지가 출력되는데요..

문제는 IE7.0 이하버전에서만 이미지 로딩후 일그러지는 현상이 발생합니다. css를 사용하는것도 아닌데 왜그럴까요? ㅜㅜ

답변 좀 부탁드리겠습니다.


다음은 자바스크립트를 이용해서 원본이미지를 원하는 크기로 리사이징하는 소스입니다.


<script language="javascript">
<!--
function imgcheck1(imgObj) {
var imgWidth = 120; //** 설정 이미지 폭값
var imgHeight = 150; //** 설정 이미지 높이값

var O_Width = imgObj.width; //** 이미지의 실제 폭
var O_Height = imgObj.height; //** 이미지의 실제 높이
var ReWidth = O_Width; //** 변화된 폭 저장 변수
var ReHeight = O_Height; //** 변화된 높이 저장 변수
if(ReWidth > imgWidth){
ReWidth = imgWidth;
ReHeight = (O_Height * ReWidth) / O_Width;
}
if(ReHeight > imgHeight){
ReWidth = (ReWidth * imgHeight) / ReHeight;
ReHeight = imgHeight;
}

//** 처리
imgObj.width = ReWidth;
imgObj.height = ReHeight;
imgObj.alt = ReWidth +','+ ReHeight;

}
// -->
</script>
<img src='./images/aaa.gif' onload='imgcheck1(this);'/> <!-- 이미지 리사이징하기 -->