'랜덤화면'에 해당되는 글 1건
- 2007/03/24
랜덤화면보여주기
홈페이지에 이용하면 단조로움 줄이고 변화를 줄수 있어요..^^
먼저 이용할 서로 다른 이미지를 준비하셔야 겠죠...
크기나.. 그런건 통일되게 하시면 이쁘겠구요..
리니는 총 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 으로 하였습니다..
이미지 수에 따라서 구분을 다르게 해주시면 됩니다.
이미지 경로도 수정하시구요..^-^
이올린에 북마크하기
TRACKBACK 0 AND
COMMENT 0
PREV
