Hallo,
ich versuche mich momentan an einer Bildergalerie mittels HTML, CSS, JavaScript. Nun stehe ich vor meinem ersten Problem. Normalerweise sollte bei dem Klicken auf ein Bild (unten) das angeklickte Bild oben groß erscheinen. Doch funktioniert das Ganze nicht.
Ich poste mal die 2 wichtigen Dateien für die Galerie:
index.html
funktionen.js
[Ich habe die Einrückungen bewusst weg gelassen.]
Ich hoffe, mir kann jemand helfen, da ich selbst nicht weiß, wieso es nicht funktioniert.
Liebe Grüße,
L.T.M
ich versuche mich momentan an einer Bildergalerie mittels HTML, CSS, JavaScript. Nun stehe ich vor meinem ersten Problem. Normalerweise sollte bei dem Klicken auf ein Bild (unten) das angeklickte Bild oben groß erscheinen. Doch funktioniert das Ganze nicht.
Ich poste mal die 2 wichtigen Dateien für die Galerie:
index.html
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Module / Bildergalerie</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="funktionen.js"></script>
</head>
<body>
<div id="center">
[img]bilder/1.png[/img]
<div id="leiste">
[url="#"][img]bilder/1.png[/img][/url]
[url="#"][img]bilder/2.png[/img][/url]
[url="#"][img]bilder/3.png[/img][/url]
[url="#"][img]bilder/4.png[/img][/url]
[url="#"][img]bilder/5.png[/img][/url]
[url="#"][img]bilder/6.png[/img][/url]
[url="#"][img]bilder/7.png[/img][/url]
[url="#"][img]bilder/8.png[/img][/url]
[url="#"][img]bilder/9.png[/img][/url]
[url="#"][img]bilder/10.png[/img][/url]
[url="#"][img]bilder/11.png[/img][/url]
[url="#"][img]bilder/12.png[/img][/url]
[url="#"][img]bilder/13.png[/img][/url]
</div>
</div>
</body>
</html>
Code:
/* Module / Bildergalerie / Funktionen */
/* funktionen.js */
function bilderwechsel (bild)
{
getElementById('display').src = 'bilder/'.bild.'.png';
}
Ich hoffe, mir kann jemand helfen, da ich selbst nicht weiß, wieso es nicht funktioniert.
Liebe Grüße,
L.T.M