일단 <head>와 </head> 사이에 이소스를 붙여넣으세요.
<script language="JavaScript">
image = new Array(07);
image[0] = '이미지1주소'
image[1] = '이미지2'
image[2] = '이미지3'
image[3] = '이미지4'
image[4] = '이미지5'
image[5] = '이미지6'
image[6] = '이미지7'
index = Math.floor(Math.random() * image.length);
</script>
여기서 맘껏 수정하실 부분은 image = new Array(07); 이부분입니다.
여기선 이미지를 7개 사용한다고 정한것이고...더 하고 싶은 숫자를
8,9...이런식으로 추가하면 되겠죠? 만약 추가를 하셨다면...
image[7] = '이미지8' 이런식으로 이것도 추가해야 되요.
다 하셨나요?
그럼 body 안에...이미지 삽입할 곳에...
<SCRIPT language="JavaScript">
document.write("<img src="+image[index]+">");
</SCRIPT>
요렇게 넣어주면 끝입니다. 멋지죠?
<script language="JavaScript">
image = new Array(07);
image[0] = '이미지1주소'
image[1] = '이미지2'
image[2] = '이미지3'
image[3] = '이미지4'
image[4] = '이미지5'
image[5] = '이미지6'
image[6] = '이미지7'
index = Math.floor(Math.random() * image.length);
</script>
여기서 맘껏 수정하실 부분은 image = new Array(07); 이부분입니다.
여기선 이미지를 7개 사용한다고 정한것이고...더 하고 싶은 숫자를
8,9...이런식으로 추가하면 되겠죠? 만약 추가를 하셨다면...
image[7] = '이미지8' 이런식으로 이것도 추가해야 되요.
다 하셨나요?
그럼 body 안에...이미지 삽입할 곳에...
<SCRIPT language="JavaScript">
document.write("<img src="+image[index]+">");
</SCRIPT>
요렇게 넣어주면 끝입니다. 멋지죠?
반응형
'인터넷정보' 카테고리의 다른 글
| 크로스마우스 만들기 (0) | 2007.10.17 |
|---|---|
| 그림이 아래로 떨어지게 하는 효과2 (0) | 2007.10.17 |
| 그림이 아래로 떨어지게 하는 효과2 (0) | 2007.10.17 |
| 그림이 아래로 떨어지게 하는 효과1 (0) | 2007.10.17 |
| 그림이 아래로 떨어지게 하는 효과1 (0) | 2007.10.17 |
| 이미지 랜덤 모드 (0) | 2007.10.17 |
| 브라우저 크기 조절 안되게 하고 자동 풀 스크린으로 열기 (0) | 2007.10.17 |
| 브라우저 크기 조절 안되게 하고 자동 풀 스크린으로 열기 (0) | 2007.10.17 |
| 하단 상태바 애니메이션 효과 (0) | 2007.10.17 |
| 하단 상태바 애니메이션 효과 (0) | 2007.10.17 |