 일정시간이 지나면 바뀌는 이미지만들기 - 자바스크립
<head>
<script type="text/javascript">
<!-- Original: Mike McGrath (mike_mcgrath@lineone.net) -->
<!-- Web Site: http://website.lineone.net/~mike_mcgrath -->
<!--
var img=new Array();
img[0]=new Image(); img[0].src="두번째로 보여질 이미지주소";
img[1]=new Image(); img[1].src="세번째로 보여질..";
img[2]=new Image(); img[2].src="네번째로 보여질 주소";
var interval=1500; <!-- 이미지가 멈춰있는 시간 1000=1초----->
var n=0;
var imgs = new Array("처음보여질이미지주소1","두번째로 보여질 이미지주소","세번째 이미지주소","네번째로 보여질 이미지주소");
function rotate()
{
if(navigator.appName=="Netscape" && document.getElementById)
{
document.getElementById("slide").src=imgs[n];
}
else document.images.slide.src=imgs[n];
(n==(imgs.length-1))?n=0:n++;
setTimeout("rotate()",interval);
}
// -->
</script>
</head>
<body onload="rotate()">
<body>와</body>사이에 들어가 있는 이미지에 id="slide" 추가. 아래예제처럼.
예제) <img src="이미지주소" id="slide"> |
|
No
