웹팁 분류

5초마다 이미지 변경되는 페이지 만들기

작성자 정보

  • 꾸니꾸니 작성
  • 작성일

컨텐츠 정보

본문



페이지에 삽입된 이미지가 원하는 시간이 지나면


자동으로 다른 이미지로 변경됩니다.


먼저 1.2.3.4 이미지를 준비후 


계정에 업로드된 이미지 경로를 확인후 응용하세요



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 <html>
 <head>
 <title></title>
 <script type="text/javascript"> 
var imgArray=new Array(); 
imgArray[0]="1.jpg"
imgArray[1]="2.jpg"
imgArray[2]="3.jpg"
imgArray[3]="4.jpg"
 
function showImage(){ 
var imgNum=Math.round(Math.random()*3); 
var objImg=document.getElementById("introimg"); 
objImg.src=imgArray[imgNum]; 
setTimeout(showImage,5000); }
</script> 
</head>
 <body onload="showImage()">
 <img id="introimg" border="0">
 </body> 
</html>
 
cs

 




응용은 우리의 몫

위 소스 미리보기

on_00002.gif

 

 

아재감성 아재공간 다온네



추천 업체




아재 음악


관련자료

댓글 0
등록된 댓글이 없습니다.
kkk
전체 1,368 / 1 페이지
RSS
알림 0