coldstone28
Mitglied
Hallo Freunde,
versuche gerade eine eigene Lightbox zu erstellen ohne jQuery. Also nur mit Javascript.
Habe eine Frage zu folgendem Javascript:
Dieses code sollte doch meine id="Bild" gegen das Bild2.jpg ersetzen oder bin ich total falsch?
Meine HTML sieht wie folgt aus:
Wäre super nett wenn jemand mir meinem denkfehler auf die sprünge helfen könnte.
versuche gerade eine eigene Lightbox zu erstellen ohne jQuery. Also nur mit Javascript.
Habe eine Frage zu folgendem Javascript:
Javascript:
function bildwechsel() {
document.getElementById("bild").src = "images/Bild3.jpg";
}
Dieses code sollte doch meine id="Bild" gegen das Bild2.jpg ersetzen oder bin ich total falsch?
Meine HTML sieht wie folgt aus:
HTML:
<head>
<title>Layout meiner Webseite</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/lightbox.js"></script>
</head>
<body>
<!-- Images used to open the lightbox -->
<div id="bild">
<img src="Bild2.jpg" class="hover-shadow">
</div>
<div id="buttons">
<img src="images/button_left.png" width="100px" onclick="bildwechsel()" class="hover-shadow">
<img src="images/button_home.png" width="100px" class="hover-shadow">
<img src="images/button_right.png" width="100px" class="hover-shadow">
</div>
</body>
</html>
Wäre super nett wenn jemand mir meinem denkfehler auf die sprünge helfen könnte.