Slide Show

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=120 BGCOLOR="#003366" TEXT="#F7F7FF" bgproperties="fixed" background="8a000781dkcfqa.jpg"> <bR> <div> </div> </td> </tr><tr> <td valign="top" width=180 BGCOLOR="#FFFFFF" TEXT="#080000" bgproperties="fixed" background="84bc8253.jpg"> <div> <B> <TABLE BORDER="4" CELLPADDING="3" CELLSPACING="3" WIDTH="164" BORDERCOLORLIGHT="#FFFFFF" BORDERCOLORDARK="#FFFFFF" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="index.htm" TARGET="_top" TITLE="Dinky Di Web Design">Home</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="about.htm" TARGET="_top" TITLE="About Us">About Dinky Di</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="about_design.htm" TARGET="_top" TITLE="About Web Design">About Web Design</A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 ><NOBR><div> <A HREF="need.htm" TARGET="_top" TITLE="Do I Need A Website ?">Do I need a Website ?</A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="start.htm" TARGET="_top" TITLE="Getting Started">Getting Started</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="design.htm" TARGET="_top" TITLE="Design Options"><B>Design Options</B></A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="pricing.htm" TARGET="_top" TITLE="Pricing">Pricing</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="portfolio.htm" TARGET="_top" TITLE="Portfolio">Portfolio</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="testimonials.htm" TARGET="_top" TITLE="Testimonials">Testimonials</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="faq.htm" TARGET="_top" TITLE="F.A.Q.s">F.A.Q's</A></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 14 WIDTH="142"><div> <A HREF="contact.htm" TARGET="_top" TITLE="Contact Us">Contact Us</A></div> </tD> </tR> </TABLE></B></div> <bR> <bR> <bR> </td> <td valign="top" height=360 width="100%" BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="157" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 16 ><NOBR><div> <A HREF="design.htm" TARGET="_top" TITLE="Design Options">Back To Design Options</A></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="506" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#003366 HEIGHT= 16 WIDTH="500"><div> <B>SAMPLE SLIDE SHOW</B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#000000 HEIGHT= 75 WIDTH="500"><div>  </span> <SCRIPT> // CREDITS: // Horizontal Slide Scroller.0 // By Urs Dudli and Peter Gehrig // Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 7/31/2002 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured // CONFIGURATION: // Go to http://www.24fun.com // and create your own slideshow // with our new Slideshow Factory. var slideurl=new Array() var slidecomment=new Array() var slidelink=new Array() var slidetarget=new Array() slideurl[0]="http://www.members.optusnet.com.au/greytvibes/5ba90690.jpg" slidecomment[0]="Polar Princess" slidelink[0]="#" slidetarget[0]="_blank" slideurl[1]="http://www.members.optusnet.com.au/greytvibes/5c4906d0.jpg" slidecomment[1]="King Kissy" slidelink[1]="#" slidetarget[1]="" slideurl[2]="http://www.members.optusnet.com.au/greytvibes/5b690620.jpg" slidecomment[2]="Feebie" slidelink[2]="#" slidetarget[2]="_blank" slideurl[3]="http://www.members.optusnet.com.au/greytvibes/5bc90630.jpg" slidecomment[3]="Nitro" slidelink[3]="#" slidetarget[3]="_blank" slideurl[4]="http://www.members.optusnet.com.au/greytvibes/5c2907e0.jpg" slidecomment[4]="Little Lightning" slidelink[4]="#" slidetarget[4]="_blank" var slidefont="Arial" var slidefontcolor="black" var slidefontsize="2" var slideheight=139 var scrollerwidth=400 var scrollerheight=139 var picturewidth=400 // horizontal distance from one piture to the the next picture (pixels) var distancepictopic=0 // distance of the scroller to the left margin of the browser-window (pixels) var scrollerleft=0 // distance of the scroller to the top margin of the browser-window (pixels) var scrollertop=0 // height of the scroller (pixels) var scrollerheight=slideheight+30 // speed 1: lower means faster var pause=20 // speed 2: higher means faster var step=2 // do not edit the variables below var newstep=step var clipleft,clipright,cliptop,clipbottom var i_picture=0 var timer var picturecontent="" var ns4=document.layers?1:0 var ns6=document.getElementById&&!document.all?1:0 var ie=document.all?1:0 var preloadedimages=new Array() for (i=0;i<slideurl.length;i++){ preloadedimages[i]=new Image() preloadedimages[i].src=slideurl[i] } function init() { if (ie) { getpicturecontent() picturediv.innerHTML=picturecontent document.all.picturediv.style.posTop=scrollertop document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth clipleft=0 clipright=0 cliptop=0 clipbottom=scrollerheight document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (ns6) { getpicturecontent() document.getElementById('picturediv').innerHTML=picturecontent document.getElementById('picturediv').style.top=scrollertop document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth clipleft=0 clipright=0 cliptop=0 clipbottom=scrollerheight document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (ns4) { getpicturecontent() document.roof.document.picturediv.document.write(picturecontent) document.roof.document.picturediv.document.close() picturewidth=document.roof.document.picturediv.document.width document.roof.document.picturediv.top=scrollertop document.roof.document.picturediv.left=scrollerleft+scrollerwidth document.roof.document.picturediv.clip.left=0 document.roof.document.picturediv.clip.right=0 document.roof.document.picturediv.clip.top=0 document.roof.document.picturediv.clip.bottom=scrollerheight scrollpicture() } } function scrollpicture() { if (ie) { if (document.all.picturediv.style.posLeft>=scrollerleft-picturewidth) { document.all.picturediv.style.posLeft-=step clipright+=step if (clipright>scrollerwidth) { clipleft+=step } document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } if (ns6) { if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-picturewidth) { document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step clipright+=step if (clipright>scrollerwidth) { clipleft+=step } document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } if (ns4) { if (document.roof.document.picturediv.left>=scrollerleft-picturewidth) { document.roof.document.picturediv.left-=step document.roof.document.picturediv.clip.right+=step if (document.roof.document.picturediv.clip.right>scrollerwidth) { document.roof.document.picturediv.clip.left+=step } var timer=setTimeout("scrollpicture()",pause) } else { resetposition() } } } function onmsover() { step=0 } function onmsout() { step=newstep } function resetposition() { if (ie) { document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth clipleft=0 clipright=0 document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (ns6) { document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth clipleft=0 clipright=0 document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" scrollpicture() } if (ns4) { document.roof.document.picturediv.left=scrollerleft+scrollerwidth document.roof.document.picturediv.clip.left=0 document.roof.document.picturediv.clip.right=0 scrollpicture() } } function getpicturecontent() { picturecontent="" picturecontent+="<table cellpadding=2 cellspacing=0>" picturecontent+="<tr>" for (i=0;i<=slideurl.length-1;i++) { picturecontent+="<td>" picturecontent+="<a href=\""+slidelink[i]+"\" target=\""+slidetarget[i]+"\" onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">" picturecontent+="<img src=\""+slideurl[i]+"\" border=0></a>" picturecontent+="</td>" } picturecontent+="</tr>" picturecontent+="<tr>" for (i=0;i<=slideurl.length-1;i++) { picturecontent+="<td>" picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">" picturecontent+=slidecomment[i] picturecontent+="</font>" picturecontent+="</td>" } picturecontent+="</tr>" picturecontent+="</tr></table>" } if (ie || ns6) { document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">') document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;width:'+scrollerwidth+'px;height:'+scrollerheight+'px"></div>') document.write('</div>') window.onload=init } if (ns4) { document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>') document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+'></layer>') document.write('</ilayer>') window.onload=init } </script>  </div> </tD> </tR> </TABLE></div> <bR> </td> </tr></table></body>