본문 바로가기

javascript

페이지 로딩시, 그리고 이미지 클릭할때 마다 다른 이미지 로딩시키기

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Nicholas Lupien (smylex@aol.com) -->


<!-- This Script Modified by Java Depot -->
<!-- Web Site : http://www.javascript.co.kr -->

<!-- Begin
var rand1 = 0;
var useRand = 0;

images = new Array;
images[1] = new Image();
images[1].src = "image1.gif";
images[2] = new Image();
images[2].src = "image2.gif";
images[3] = new Image();
images[3].src = "image3.gif";
images[4] = new Image();
images[4].src = "image4.gif";
images[5] = new Image();
images[5].src = "image5.gif";

function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
//  End -->
</script>
</HEAD>

<BODY OnLoad="swapPic()">

<center>
<a onClick="swapPic();"><img name="randimg" src="image1.gif"></a><br>
<font face="Verdana" size="-2">이미지를 바꾸시려면 이미지를 클릭하세요</font>
</center>


<p><center>
<font face="굴림, 굴림체" size="2">쉬운 자바 베껴쓰는 자바<br>
by <a href="http://www.javascript.co.kr">Java Depot</a></font>
</center><p>.