Dhtml Tutorials [Pixelating Slideshow]

Example: I've only seen this on a few sites and think it looks cool ,you can do this with any size pic but you have to edit the sizes so its not the same size on all pics unless u want it that way.Also you can "maybe" take it to where its not a link but I didn't fool with it but try it.

Insert this into theHead of your page

<script language="JavaScript1.1"> <!-- //specify interval between slide (in mili seconds) var slidespeed=3000 //specify images var slideimages=new Array("samp01.jpg","samp02.jpg","samp03.jpg") //specify corresponding links var slidelinks=new Array("http://entensity.nwt","http://entensity.net","http://entensity.net") 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>

Insert this to where you want the images to appear

<a href="javascript:gotoshow()"><img src="../24.jpg" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" width="288" height="207"></a> <script language="JavaScript1.1"> <!-- 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>