<HEAD>
<TITLE> 삶의향기</TITLE>
<script language="JavaScript">
// 이미지의 디폴트 사이즈를 설정 합니다
defaultXsize = 120; // 가로
defaultYsize = 100; // 세로
// 이미지의 최소 크기를 설정 합니다
minimumXsize = 50;
minimumYsize = 50;
// 이미지의 최대사이즈를 설정 합니다
maximumXsize = 691;
maximumYsize = 500;
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>
<BODY>
<body onload="iBeReady=true;">
<img src="imge/rose.gif" name="imageOne"
width="100" height="100"
onDrag="dragResizeImage(event,this.name)"
onClick="clickResetImageSize(this.name)">
</BODY> <center><SCRIPT LANGUAGE="JavaScript">
<!--
function sourceopen() {
var This_URL = "";
This_URL = document.location;
window.location = "view-source:"+This_URL;
}
-->
</SCRIPT>
</FORM>
</HTML>
'Javascript' 카테고리의 다른 글
| 이미지를 적용하지 않는 마우스 이벤트..!!! (0) | 2016.06.02 |
|---|---|
| 스크린 오프닝 수평 슬라이드 스크립트 (0) | 2016.06.02 |
| 메뉴[스크롤] 효과 스크립트 (0) | 2016.06.02 |
| 안개가 끼듯 이미지 교체 (0) | 2016.06.01 |
| 장미 (0) | 2016.06.01 |