Klikk her for å se en demo!


Putt dette scriptet mellom HEAD-taggene:

<script language="JavaScript"> <!-- var viewPix = new Array( "adresse_til/bildet/bilde1.jpg", "adresse_til/bildet/bilde2.jpg", "adresse_til/bildet/bilde3.jpg", "adresse_til/bildet/bilde4.jpg", "adresse_til/bildet/bilde5.jpg", "adresse_til/bildet/bilde6.jpg", "adresse_til/bildet/bilde7.jpg", "adresse_til/bildet/bilde8.jpg", "adresse_til/bildet/bilde9.jpg") // NB: Siste bildet skal IKKE ha komma til slutt! var thisImage = 0 function doPast() { if (document.images && thisImage > 0) { thisImage-- document.myShow.src=viewPix[thisImage] } } function doAfter() { if (document.images && thisImage < 8) { // NB: Endre til antall bilder minus 1! thisImage++ document.myShow.src=viewPix[thisImage] } } // --> </script>

Dette setter du der du vil vise bildene:

<div align="center"> <img name="myShow" src="adresse_til/bildet/bilde1.jpg" width="510" height="380"> <br> <a href="javascript:doPast()">Forrige</a> <a href="javascript:doAfter()">Neste</a> </div>