Hallo,
ich programmiere (oder versuche es zumindest) eine Bildergalerie. Es gibt eine Thumbnailvorschau, wenn man eines der Tumb´s anklickt, soll es darunter in groß erscheinen und daneben eine Beschreibung zum Bild.
Dafür habe ich folgende Funktion geschrieben:
<script type="text/javascript">
var bildnummer;
function thumb(bildnummer) {
document.getElementById("vorschau").src = "bilder/1.jpg";
document.getElementById("bildtitel").innerHTML = "Dies ist das " + bildnummer + ". Bild ";
return false;
}
</script>
Das HTML dazu hier:
<nav id="thumbnav">
<div id="thumbnail">
<a href="#" onclick="var bildnummer = 1;
function thumb();">
<img src="bilder/thumbnails/1-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild1"></a>
<a href="#" onclick="var bildnummer = 2;
function thumb();">
<img src="bilder/thumbnails/2-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild2"></a>
<a href="#" onclick="var bildnummer = 3;
function thumb();">
<img src="bilder/thumbnails/3-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild3"></a>
<a href="#" onclick="var bildnummer = 4;
function thumb();">
<img src="bilder/thumbnails/4-thumb.jpg" width="320" height="240" alt="Bild1" title="Bild4"></a>
</div>
</nav>
<div id="bilderanzeige">
<div id="bildgross">
<figure>
<a href="#" onclick="vollbild(); return false;">
<img src="bilder/1.jpg" alt="Bild1" title="Zum Vergrößern bitte anklicken" id="vorschau"></a>
</figure>
</div>
<div id="sidebar">
<p id="bildtitel">Dies ist das 1. Bild</p>
</div>
<div style="clear:both;"></div>
</div>
Es funktioniert nur leider nicht. Wo liegt mein Fehler? Reiner Syntax Fehler oder ein Logikfehler?
Danke schon mal für die Hilfe,
Grüße,
Michael