본문 바로가기

paran/[ Script ]

박스안에서 회전하는 이미지

<body>와 </body>사이에 넣는다

<script language="JavaScript1.1">

var specifyimage=new Array()
specifyimage[0]="이미지1 주소"
specifyimage[1]="이미지2 주소"
specifyimage[2]="이미지3 주소"

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="이미지1 주소" name="cube" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">


[보충 설명]

이미지를 추가하고 싶을땐
specifyimage[2]="이미지3 주소"
위의 소스를 숫자를 늘려가며 계속 써주면 됩니다.
specifyimage[2]="이미지3 주소"
specifyimage[3]="이미지4 주소"
specifyimage[4]="이미지5 주소"

[예제보기]아래 주소 클릭하세요~*

http://myhome.naver.com/kms8945/tagroom_ex7.html

출처:태그야 노올자~!

http://cafe.naver.com/tagroom