홈페이지에 이용하면 단조로움 줄이고 변화를 줄수 있어요..^^
먼저 이용할 서로 다른 이미지를 준비하셔야 겠죠...
크기나.. 그런건 통일되게 하시면 이쁘겠구요..
리니는 총 5개의 이미지를 준비했습니다.
랜덤이미지를 보여줄 페이지의 <body>와 </body> 사이에..
즉 이미지를 보여줄 부분에 아래소스를 붙여넣으세요.
<Script Language ="JavaScript">
<!--
function RandomNumber() {
var today = new Date();
var num= Math.abs(Math.sin(today.getTime()/1000));
return num;
}
function RandomGraphics() {
var x = RandomNumber();
if (x > .80)
{document.write ("<img src='이미지5.gif' align=center>"); return; }
if (x > .60)
{document.write ("<img src='이미지4.gif' align=center>"); return; }
if (x > .40)
{document.write ("<img src='이미지3.gif' align=center>"); return; }
if (x > .20)
{document.write ("<img src='이미지2.gif' align=center>"); return; }
if (x > .0)
{document.write ("<img src='이미지1.gif' align=center>"); return; }
}
RandomGraphics();
-->
</SCRIPT>
랜덤으로 나오는 x값에 따라서 다른이미지를 불러오게 됩니다.
예제에서 5개의 이미지를 랜덤으로 불러오게 하였기때문에 x값의 구분을
0, 20, 40, 60, 80 으로 하였습니다..
이미지 수에 따라서 구분을 다르게 해주시면 됩니다.
이미지 경로도 수정하시구요..^-^
이올린에 북마크하기
이올린에 추천하기'DATA > Javascript' 카테고리의 다른 글
| 홈페이지 접속시 "LODING" 나오게 하기. (0) | 2008/02/12 |
|---|---|
| 상위메뉴 클릭시 하위메뉴 나오게 하기 (0) | 2008/02/12 |
| 랜덤화면보여주기 (0) | 2008/02/12 |
| 링크에 생기는 점선 싹쓸이 (0) | 2008/02/12 |
| 하이퍼링크점선테두리없애기 (0) | 2008/02/12 |
| 즐겨찾기추가 만들기 (0) | 2008/02/12 |
TRACKBACK 0 AND
COMMENT 0
PREV