로딩 할때마다 이미지가 바뀌어 나타나게 하는 스크립트 입니다.

그림파일은 HTML 파일과 같은 위치에 두시고
파일의 이름은 반드시 1.gif, 2.gif... 식으로 아라비아 숫자로 정해 주세요
예문에서는 3개의 이미지를 랜덤하게 보여줍니다.
원하는 갯수만큼 Math.ceil(Math.random() * 3) 부분에서 숫자를 조절 해 주세요

이미지가 gif 형식이 아니라면 아래 스크립트에서도 gif 를 jpg 등으로 수정 해 줍니더
저금 더 응용하면 배경음악 등도 가능하겠죠

[스크립트]

<SCRIPT language="JavaScript">
<!--
document.write("<IMG SRC='" + Math.ceil(Math.random() * 3) + ".gif'>")
//-->
</SCRIPT>



또는 배열로


<script LANGUAGE="Javanull">
<!--

var quotes=new Array(); //새로운 배열생성

quotes[0]='main_image/index/index_1.gif'; //배열의 0번지에 이미지 주소지정
quotes[1]='main_image/index/index_2.gif'; //배열의 1번지에 이미지 주소 지정

 

/*

Math 객체의 random 메서드는 0에서 1까지의 부동소수점을 반환합니다.

그러니까 배열의 길이만큼 곱하면, 배열의 길이만큼 난수가 발생하죠,

그런데, 이미지의 주소는 0, 1.. 등의 정수여야 하니까, 소수점 부분을 버리기 위해서

floor 가 쓰인겁니다.
var whichquote=Math.floor(Math.random()*(quotes.length))

 

그다음에는 랜덤으로 얻은 이미지를 출력하는것이죠..

 

ImgAutoResize(1) 이런부분은 나모웹에디터에서 이미지 삽입할때 자동으로 생성되는 스크립트로 신경쓰지 않으셔도 됩니다.

doc-ument.write("<img on-Load&#61;ImgAutoResize(1) on-Click&#61;ImgOriginal(1)  src="+quotes[whichquote]+">");

//-->
</script>



more : 개그이야기-http://ezstock.kr 우린친구닷컴-http://urin79.com

이 게시물을..


태초에 나는 개그이야기를 만들었다.
내말을 믿고 나를 따르면 천당,
내말을 믿지않고 나를 따르지 않으면 지옥,
나는 하늘나라(우주)에 사느니라.

그럼 난 외계인?