Die eigentlichen Fehler liegen hier:
document.getElementById("vorschau").src = "bilder/1.jpg";
Du musst die Bildnummer einfügen:
document.getElementById("vorschau").src = "bilder/" + bildnummer + ".jpg";
und hier:
onclick="var bildnummer = 4; function thumb();">
"function" benötigst Du, um eine Funktion zu defieren, wenn du sie aufrufen willst, ist es fehl am Platze.
Davon abgesehen geht es auch um einiges einfacher:
Wenn Du den Parameter bildnummer definierst, solltest du ihn auch verwenden und die Variable weglassen:
<script type="text/javascript">
function thumb(bildnummer) {
document.getElementById("vorschau").src = "bilder/" + bildnummer + ".jpg";
document.getElementById("bildtitel").innerHTML = "Dies ist das " + bildnummer + ". Bild ";
return false;
}
</script>
Alles anzeigen
Dann kannst die Funktion gleich mit der richtigen Bildnummer aufrufen:
<img src="bilder/thumbnails/1-thumb.jpg" onclick="thumb(1);" width="320" height="240" alt="Bild1" title="Bild1">
Und die a-href-Tags sind IMO überflüssig:
<div id="thumbnail">
<img src="bilder/thumbnails/1-thumb.jpg" onclick="thumb(1);" width="320" height="240" alt="Bild1" title="Bild1">
<img src="bilder/thumbnails/2-thumb.jpg" onclick="thumb(2);" width="320" height="240" alt="Bild1" title="Bild1">
<img src="bilder/thumbnails/3-thumb.jpg" onclick="thumb(3);" width="320" height="240" alt="Bild1" title="Bild1">
<img src="bilder/thumbnails/4-thumb.jpg" onclick="thumb(4);" width="320" height="240" alt="Bild1" title="Bild1">
</div>