Bildergalerie (2)
gedruckt am 04. Feb. 2012
Die Javascript-Funktionen von Bildergalerie (1) werden zuerst ergänzt und dann abstrahiert und zusammengefasst.
<a href=”#” onClick=”prev();”>zurück</a>
<a href=”#” onClick=”next();”>weiter</a>
<a href=”#” onClick=”bildsetzen(n);”>letztes</a>
Anstelle der Funktionen prev() und next() könnte ebenfalls die Funktion bildsetzen() verwendet werden, wenn die Bedingungen über die Größe von i in diese Funktion eingebunden wird:
<a href=”#” onClick=”bildsetzen(1);”>erstes</a>
<a href=”#” onClick=”bildsetzen(i-1);”>zurück</a>
<a href=”#” onClick=”bildsetzen(i+1);”>weiter</a>
<a href=”#” onClick=”bildsetzen(n);”>letztes</a>
-und
<script language=”JavaScript”>
// Achtung: j in der Funktionsklammer als Zwischenwert
function bildsetzen(j) {
-i = j; // übergebenen Wert der Variablen i zuweisen
-if (i>n) {i=1;}
-if (i<1) {i=n;}
-document.galerie.src = “images/”+bild[i];
-document.getElementById(”nr”).innerHTML = “Bild “+i+” von “+n;
}
</script>
Die Funktion ist jetzt zwar abstrakter und vielleicht etwas schwerer verständlich, aber dafür kompakter und eleganter programmiert.
Achtung: Die Codezeilen innerhalb der Funktion sollen der Übersichtlichkeit halber etwas eingerückt werden!

