인터넷정보

박스안에서 회전하는 이미지 - 배너등 쓰면 유용

알 수 없는 사용자 2007. 10. 18. 14:07
<html>
<head>
<title>- 박스안에서 회전하는 이미지 -</title>


</head>
<body>
<center>
- 박스안에서 회전하는 이미지 -
<br><br>

<script language="JavaScript1.1">



var specifyimage=new Array()

specifyimage[0]="http://oxtag.com/html/img/banner3.gif"

specifyimage[1]="http://oxtag.com/html/img/banner4.gif"

specifyimage[2]="http://oxtag.com/html/img/banner/jjin_tagpia.gif"



var delay=2000 //2초



var count =1;



var cubeimage=new Array()

for (i=0;i<specifyimage.length;i++){

cubeimage[i]=new Image()

cubeimage[i].src=specifyimage[i]

}



function movecube(){

if (window.createPopup)

cube.filters[0].apply()

document.images.cube.src=cubeimage[count].src;

if (window.createPopup)

cube.filters[0].play()

count++;

if (count==cubeimage.length)

count=0;

setTimeout("movecube()",delay)

}



window.onload=new Function("setTimeout('movecube()',delay)")

</script>



<img src="http://oxtag.com/html/img/banner3.gif" name="cube" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">

<br>

 <br>이미지를 추가하고 싶을땐<br>specifyimage[2]="<font color="red">이미지3
        주소</font>"<br>위의 소스를 숫자를 늘려가며 계속 써주면 되여<br>specifyimage[2]="<font color="red">이미지3
        주소</font>"<br>specifyimage[3]="<font color="red">이미지4
        주소</font>"<br>specifyimage[4]="<font color="red">이미지5
        주소</font>"<br>이런식으로여<br>
<br>
</body>
</html>
반응형