Site hosted by Angelfire.com: Build your free website today!

Rotating Cube Image
(VISIBLE ONLY IN IE5+)

1. Copy the coding under the <body> tag.  
2. Remember to change the pictures to one
of your own.


1) Paste this codes under the <body> tag.

<script language="JavaScript1.1">

//Picture Cube slideshow - By Tony Foster III
//Modifications by JK
//Visit JavaScript Kit (http://javascriptkit.com) for script

var specifyimage=new Array() //Your images
specifyimage[0]="photo1.jpg"
specifyimage[1]="photo2.jpg"
specifyimage[2]="photo3.jpg"

var delay=3000 //3 seconds

//Counter for array
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="photo1.jpg" name="cube" border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')">

 

Misc Menu           Javascript  Sample Menu