묻고답하기


>http://kfa.or.kr/main.asp
>
>에 보면 들어갈때마다 가운데 이미지가 랜덤으로 나오는데
>
>어떻게 하나요?
>

간단히 자바스크립트로 이미지를 랜덤으로 불러 오는 방법을 적겠습니다.

이방법은 제 홈피 메인페이지에서 작은 그림을 랜덤으로 불러올 때 사용하는 방법입니다.

우선 랜덤으로 불러질 이미지를 임의의 폴더에 저장하구요..

이미지 파일(gif의 경우)은 1.gif, 2.gif, 3.gif, 4.gif.... 이런식으로 이름을 줍니다.

jpg 파일도 마찬가지로 하면 되구요..

그런 다음 웹문서에서 원하는 부분에 아래와 같은 자바스크립트 소스를 삽입합니다.

<script>
n = Math.ceil(Math.random()*16);
document.write("<img src=simg/" + n + ".gif width=120 height=96 border=0>");
</script>

두번째줄에서 16은 이미지의 갯수인데요..
랜덤으로 불러질 이미지의 갯수를 적어주면 됩니다.

세번째줄에서 simg/ 부분은 이미지가 들어있는 폴더의 경로를 적어주면 됩니다.
.gif 부분은 확장자를 지정하는 곳인데요, jpg파일인 경우엔 .jpg로 적어주면 됩니다.
width와 height 부분은 이미지의 크기가 같거나 같은 크기로 불러와야 할 경우에
적어주면 되는데 각각의 이미지가 다를 경우에는 안적어도 괜찮지만
가능하면 적어주는게 좋을 듯 싶습니다.

다른 방법으로는 php를 사용하는 방법이 있는데요..
이 방법은 nzeo의 웹스터디-php 게시판에 가셔서 글쓴이를 풍월주인으로 검색하면 볼 수 있습니다.

즐건시간되세요..