Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

nkdk의 세상

JS :: 이미지 슬라이드 본문

My Programing/HTML and JavaScript

JS :: 이미지 슬라이드

nkdk 2008. 6. 16. 10:38

지정한 이미지 5개를 1초간격으로 슬라이드하여 보여줍니다.

<html>
<script language="javascript">
<!--

var pic = new Array();
pic[0] = "1168312816.jpg"
pic[1] = "1168318598.jpg"
pic[2] = "1168319618.jpg"
pic[3] = "1168331746.jpg"
pic[4] = "1168342064.jpg"

var j = 0;
var imgLoad = new Array();

for (var i = 0; i < pic.length; i++) {
imgLoad[i] = new Image();
imgLoad[i].src = pic[i];
}

function run_show() {
document.images.show1.src = imgLoad[j].src;
j = j +1;

if (j > (pic.length-1)) j=0;
setTimeout("run_show()", 1000);
}

// -->
</script>

<body onload="run_show()">
<img src="1168342064.jpg" name="show1">
</body>
</html>

'My Programing/HTML and JavaScript' Related Articles more