Simpelt jS galleri

Et lille galleri af karrusel-typen kan se således ud.

Røde huse

På de sider, der skal vise galleriet indsættes:

Der hvor galleriet skal vises indsættes denne tabel:

<table>
<tr>
<td><input id="KnapTilbage" type="button" value="Tilbage" /></td>
<td><img id="Galleri" src="galleribilleder/coffin.jpg" alt="Røde huse" /></td>
<td><input id="KnapFrem" type="button" value="Frem" />
</td>
</tr>
</table>

Nederst (lige over <body/>) indsættes dette javaScript:

<script>
window.onload = function(){
document.getElementById("KnapTilbage").onclick = GalleriTilbage;
document.getElementById("KnapFrem").onclick = GalleriFrem;
};

var BilledeNummer = 0;
var Billeder = ["galleribilleder/coffin.jpg", "galleribilleder/surfing.jpg", "galleribilleder/gotmail.jpg", "galleribilleder/udbraendt.jpg", "galleribilleder/catscan.jpg"];

function GalleriTilbage(){
if(BilledeNummer == 0)
{BilledeNummer = Billeder.length - 1;}
else
{BilledeNummer -= 1;}

document.getElementById("Galleri").src = Billeder[BilledeNummer];
} // slut Galleritilbage

function GalleriFrem(){
if(BilledeNummer == Billeder.length - 1)
{BilledeNummer = 0;}
else
{BilledeNummer += 1;}

document.getElementById("Galleri").src = Billeder[BilledeNummer];
} // slut Gallerifrem
</script>

Både i tabellen og i scriptet skal sti og billednavne tilpasses de faktiske forhold.