Cut & Paste Picture Cube Slideshow

Home / Free JavaScripts / Image Slideshows & Galleries / Here

Cut & Paste Picture Cube Slideshow

Credit: Tony Foster III

Description: Image slideshows in JavaScript are getting more and more creative, with interesting effects added in between slides. This one adds a 3 dimensional cube effect (visible only in IE5+). Very cool!

Example:

Directions

Simply copy the below into the <BODY> of your page:

<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')"> <p align="center">This free script provided by<br /> <a href="http://javascriptkit.com">JavaScript Kit</a></p>

Inside the script, specify your images plus the delay between image change.

CSS Library | JavaScript & DHTML Menus | Software Connection | Software Library
Web Development | Cheap Printer Ink | JavaScript Community | Web hosting | Web Templates

JavaScript Tools:

Site Info

CopyRight © 1998-2008 JavaScript Kit. NO PART may be reproduced without author's permission.