출처 : http://www.okjsp.pe.kr/bbs?act=VIEW&seq=31289&bbs=bbs4&keyfield=content&keyword=이미지&pg=1
김경렬님이 작성한 글입니다.
<script>
function imgSize(which){
var width = eval("document."+which+".width");
var height = eval("document."+which+".height");
var temp = 0;
var max_width= 600; // 이미지의 최대 크기
if ( width > max_width ) { // 이미지가 600보다 크다면 너비를 600으로 맞우고 비율에 맞춰 세로값을 변경한다.
height = height/(width / max_width);
eval("document."+which+".width = max_width");
eval("document."+which+".height = height");
}
}
</script>
<html>
<body>
<table>
<tr>
<td width=100 >사진</td>
<td > <img src="../cl_upload/sajin/<%=v_file_nm%>" border=0 name="img"></td>
</tr>
</table>
<script>imgSize("img");</script>
</body>
</html>
!! 주의 할점 : 함수를 호출할때 꼭 이미지가 들어간 테이블밖에서 실행해야
실행됩니다. 테이블을 이용하지 않는다면 바디테그 이후에 넣어줘야 합니다.
김경렬님이 작성한 글입니다.
<script>
function imgSize(which){
var width = eval("document."+which+".width");
var height = eval("document."+which+".height");
var temp = 0;
var max_width= 600; // 이미지의 최대 크기
if ( width > max_width ) { // 이미지가 600보다 크다면 너비를 600으로 맞우고 비율에 맞춰 세로값을 변경한다.
height = height/(width / max_width);
eval("document."+which+".width = max_width");
eval("document."+which+".height = height");
}
}
</script>
<html>
<body>
<table>
<tr>
<td width=100 >사진</td>
<td > <img src="../cl_upload/sajin/<%=v_file_nm%>" border=0 name="img"></td>
</tr>
</table>
<script>imgSize("img");</script>
</body>
</html>
!! 주의 할점 : 함수를 호출할때 꼭 이미지가 들어간 테이블밖에서 실행해야
실행됩니다. 테이블을 이용하지 않는다면 바디테그 이후에 넣어줘야 합니다.
'HTML/JS/CSS' 카테고리의 다른 글
| 테이블 셀에 링크 및 마우스오버시 색상변경. (0) | 2008.03.09 |
|---|---|
| 텍스트 불러올때 테이블 벌어지는것 방지. (0) | 2008.01.01 |
| javascript 예 / 아니오 확인 경고창. (0) | 2007.12.31 |