Een mooi effect om je foto's weer te geven.

Plaats onderstaande code tussen de headtags van je pagina:
 <script language="JavaScript" type="text/javascript"> // hier definieer je alle afbeeldingen var afbeeldingen=new Array() afbeeldingen[0]=["1.jpg", "#"] // "pad en naam van de foto", "eventuele hyperlink" afbeeldingen[1]=["2.jpg", "#"] afbeeldingen[2]=["3.jpg", "#"] afbeeldingen[3]=["4.jpg", "#"] afbeeldingen[4]=["5.jpg", "#"] var voorladen="ja" // "ja" of "nee" var optlinktarget="" // optioneel: hier kun je een target invullen bij framesgebruik var beeldrandbreedte=0 var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)" // hieronder niets wijzigen if (voorladen=="ja"){ for (x=0; x<afbeeldingen.length; x++){ var ditbeeldje=new Image() ditbeeldje.src=afbeeldingen[x][0]}} function beeldcode(dezeafbeelding){ var beeldhtml="" if (dezeafbeelding[1]!="") beeldhtml='<a href="'+dezeafbeelding[1]+'" target="'+optlinktarget+'">' beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">' if (dezeafbeelding[1]!="") beeldhtml+='</a>' return beeldhtml} function wijzigbeeld(beeldplaatsing, beeldindex){ if (document.getElementById){ var imgobj=document.getElementById(beeldplaatsing) if (imgobj.filters && window.createPopup){ imgobj.style.filter=filterstring imgobj.filters[0].Apply()} imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex]) if (imgobj.filters && window.createPopup) imgobj.filters[0].Play() return false}} </script>

Plaats onderstaande code tussen de bodytags van je pagina: <center> <a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 0)"> <img src="1.jpg" width= 40 height=30 border=0></a> <a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 1)"> <img src="2.jpg" width= 40 height=30 border=0></a> <a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 2)"> <img src="3.jpg" width= 40 height=30 border=0></a> <a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 3)"> <img src="4.jpg" width= 40 height=30 border=0></a> <a href="#" onMouseover="wijzigbeeld('beeldplaatsing', 4)"> <img src="5.jpg" width= 40 height=30 border=0></a> </center> <!-- Hoogte en breedte van deze DIV-tag instellen op de grootste afbeelding --> <!-- Te plaatsen waar je wil dat de foto's verschijnen. --> <center> <div id="beeldplaatsing" style="width:80px;height:225px"></div> </center>

Gebruik natuurlijk je eigen afbeeldingen :-)