회원등록 ｜ 비번분실

ㆍ작성자 JAVA
ㆍ작성일 2002-01-30 (수) 21:29
ㆍLink#2 img_resize.html (Down:7)
ㆍ추천: 0  ㆍ조회: 1600      
ㆍIP:
이미지 마우스로 크기 조절하기
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>

<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->

<script language="JavaScript">
// 이미지의 디폴트 사이즈를 설정 합니다
defaultXsize = 100; // 가로
defaultYsize = 100; // 세로

// 이미지의 최소 크기를 설정 합니다
minimumXsize = 50;
minimumYsize = 50;

// 이미지의 최대사이즈를 설정 합니다
maximumXsize = 250;
maximumYsize = 250;

iBeReady =  false;

function dragResizeImage(dragEvent,which){
if (iBeReady){
posX = eval("document."+which+".offsetLeft");
posY = eval("document."+which+".offsetTop");
newXsize = dragEvent.x;
newYsize = dragEvent.y;
newXsize = newXsize - posX;
newYsize = newYsize - posY;
if (newXsize >= maximumXsize) newXsize = maximumXsize;
if (newYsize >= maximumYsize) newYsize = maximumYsize;
if (newXsize <= minimumXsize) newXsize = minimumXsize;
if (newYsize <= minimumYsize) newYsize = minimumYsize;
eval("document."+which+".width=newXsize");
eval("document."+which+".height=newYsize");
}
}

function clickResetImageSize(which){
if (iBeReady){
eval("document."+which+".width=defaultXsize");
eval("document."+which+".height=defaultYsize");
}
}

</script>

<!------------------------- 여기까지 ---------------------------------->

</HEAD>

<!---- [2단계] <BODY> 태그안에 있는 코드를 복사 해 넣으세요 --------------->

<body onload="iBeReady=true;">

<!------------------------- 여기까지 ---------------------------------->

<!---- [3단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->

<img src="../img6.jpg"
name="imageOne"
width="100" height="100"
onDrag="dragResizeImage(event,this.name)"
onClick="clickResetImageSize(this.name)">

<!------------------------- 여기까지 ---------------------------------->

</BODY>
</HTML>

  0
3500