스크립트로 이미지 사이즈를 조정
최고관리자
본문
스크립트를 이용해서 화면에 보여줄 이미지의 크기를 변경하는 소스입니다..
저같은겨우 사진자료실이 있는데 사진자료실의 이미지가 테이블 크기보다 크게되면 사이즈를 줄이는 용도로
만들었습니다..
<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>
!! 주의 할점 : 함수를 호출할때 꼭 이미지가 들어간 테이블밖에서 실행해야
실행됩니다. 테이블을 이용하지 않는다면 바디테그 이후에 넣어줘야 합니다.
간단한 소스인데도. . 찾기가 힘드네여.-_-;
관련링크
- http://wwww.okjsp.pe.kr/seq/31289 1776회 연결
댓글목록
등록된 댓글이 없습니다.