Archief - JS: image tonen op basis van text input

<script type="text/javascript">
<!--

map = "afbeeldingen/"; // map waarin afbeeldingen zitten
aantalAfbeeldingen = 500; // vul hier aantal afbeeldingen in
afbeeldingenTeller = 1;

function volgendeAfbeelding() {

document.getElementById('afbeelding').src = "afbeelding" + 
afbeeldingenteller++ + ".jpg"; // hier wordt de afbeelding veranderd, door de src aan te passen
if ( afbeeldingenTeller == 500 ) // als alle 500 afbeeldingen geweest zijn, spring dan terug naar het begin
 afbeeldingenTeller = 1;
}

function toonAfbeelding() { // hier moet normaal fout-controlerende code inzitten
 document.getElementById('afbeelding').src = document.getElementById('bestand').value;
}

// -->
</script>

<img src="afbeelding0.jpg" id="afbeelding" /><br />
<input type="button" value="volgende" onclick="volgendeAfbeelding()" /><br />
geef hier bestandsnaam op : <input type="text" id="bestand" />
<input type="button" value="toon afbeelding" onclick="toonAfbeelding()" />