위의 GIF 처럼
들어갈 때 혹은 새로고침 할 때 이미지변경하는 코드입니다.
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 | <!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> <script type="text/javascript"> var imgArray= new Array(); imgArray[0]="01.png"; //사진 imgArray[1]="02.jpeg"; //사진 imgArray[2]="03.png"; //사진 imgArray[3]="04.png"; //사진 function showImage() { var imgNum=Math.round(Math.random()*3); var objImg=document.getElementById("introImg"); objImg.src=imgArray[imgNum]; } </script> </head> <body onload="showImage()"> <img id="introImg" border="0"> </body> </html> | cs |
배열을 만들어서 사진을 배열안에 넣어줬습니다. (7~11)
함수를 만들어서 들어갈 때 마다 랜덤으로
배열을 선택하여 이미지를 변경시킵니다(14~19)
'JavaScript' 카테고리의 다른 글
| [JavaScript]시간이 흘러가는 시계 만들기 (0) | 2018.10.23 |
|---|---|
| [Java Script]글자 나타내기 (0) | 2018.10.23 |
| JavaScript 를 이용한 달력 만들기 (2) | 2018.10.19 |
| JavaScript를 이용한 배경색 바꾸기 (1) | 2018.10.19 |
| Java Script 이용 계산기 만들기 (0) | 2018.10.18 |