MSIE Pixelated Slide Show

This automatic Pixelated slide show is pretty easy to use. Study the code listed for the head, this is where you'll list the images and the hyperlinks related to the images.

Highlight all the code in the textbox below and paste it into the head of your document.

Select All
<script language="JavaScript1.1" type="text/javascript"> <!-- //Pixelating Image slideshow //Copyright Dynamic Drive 2001 //Visit http://www.dynamicdrive.com for this script //specify interval between slide (in mili seconds) var slidespeed=3000 //specify images var slideimages=new Array("images/Autumn2.jpg","images/Bay2.jpg","images/Beach2.jpg","images/Boats2.jpg","images/Cabin2.jpg","images/DesertSun2.jpg","images/Garden2.jpg","images/MtHood2.jpg","images/Riviera2.jpg") //specify corresponding links var slidelinks=new Array("images/Autumn.jpg","images/Bay.jpg","images/Beach.jpg","images/Boats.jpg","images/Cabin.jpg","images/DesertSun.jpg","images/Garden.jpg","images/MtHood.jpg","images/Riviera.jpg") var imageholder=new Array() var ie55=window.createPopup for (i=0;i<slideimages.length;i++){ imageholder[i]=new Image() imageholder[i].src=slideimages[i] } function gotoshow(){ window.location=slidelinks[whichlink] } //--> </script>

The show is created inside of a Table in the body. (You can adjust the Table to your liking if you wish.) I think you’ll like the fact that every image can be a hypertext link to other images or other pages as well. You can copy and paste the code from below.

Highlight all the code in the textbox below and paste it into the body of your document.

Select All
<table border="0" cellspacing="3" cellpadding="3"> <tr> <th colspan="2" bgcolor="black" width="378" height="233"> <a href="javascript:gotoshow()"><img src="Autumn2.jpg" name="slide" border="0" id="slide" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" /></a> <script language="JavaScript1.1" type="text/javascript"> <!-- var whichlink=0 var whichimage=0 var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0 function slideit(){ if (!document.images) return if (ie55) document.images.slide.filters[0].apply() document.images.slide.src=imageholder[whichimage].src if (ie55) document.images.slide.filters[0].play() whichlink=whichimage whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0 setTimeout("slideit()",slidespeed+pixeldelay) } slideit() //--> </script> </th> </tr> </table>

Return to the main Home page here.

 

---

Copyright © 2001-2011 Professor Al   al.fichera@gmail.com
Page Last Updated on: June 8, 2011