<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
imgArr = new Array();
cnt = 1;
for (i = 1; i < 4; i++) {
imgArr[i] = "a" + i + ".png";
}
function imgChange(E) {
if (E.target.name == "btn1") {
if (cnt == 1)
cnt = 3;
else
cnt--;
document.img3.src = imgArr[cnt];
} else if (E.target.name == "btn2") {
if (cnt == 3)
cnt = 1;
else
cnt++;
document.img3.src = imgArr[cnt];
} else if (E.target.name == "firstBtn") {
cnt = 3;
document.img3.src = imgArr[cnt];
} else if (E.target.name == "lastBtn") {
cnt = 2;
document.img3.src = imgArr[cnt];
}
}
function imgAuto() {
setInterval(function() {
document.img3.src = imgArr[cnt];
cnt++;
if (cnt > 3)
cnt = 1;
}, 100);
}
document.onclick = imgChange;
</script>
</head>
<body bgcolor="black">
<form>
<center>
<h3>
<font color="white">사진 감상</font>
</h3>
</center>
<input type="button" name="firstBtn" value="<<"> <input type="button" name="btn1" value="<"> <input type="button" name="btn2"
value=">"> <input type="button" name="lastBtn" value=">>"> <input type="button" name="autoBtn" value="auto" onclick="imgAuto()">
<input type=button name=simabuttonviewsource value="Stop" onClick='window.location.reload()'> </br> <img src="a3.png" name="img3">
</form>
</body>
</html>
'JAVA > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 소문자 -> 대문자 바꾸기 예제 (0) | 2014.10.03 |
|---|---|
| 자바스크립트 마우스오버,마우스아웃 이벤트예제 (0) | 2014.10.03 |
| 자바스크립트 이벤트 잡기 (0) | 2014.10.02 |
| 자바스크립트 텍스트필드 빈칸체크예제 (0) | 2014.09.28 |
| 자바스크립트 이벤트 (0) | 2014.09.26 |
왕왕왕왕
왕