|
|
 |
| ▣ 현재위치 : 자료실 > 소프트웨어활용 (관리자만 쓰기가능) |
■전체보기
▶테크팁
▶글픽
▶편집
▶멀티
▶백신
▶압축
▶사무
▶통신
▶OS
▶하드
▶교육
▶유틸
▶소스
▶기타
 No | 258 |
| 분류 | 소스 |
| 등록일 | 2004/12/30(목) |
|
 일정시간이 지나면 바뀌는 이미지만들기 - 자바스크립
<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"> |
|
|
|
