JS dynamischer Bildertausch fehler
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hallo,
meine Funktion soll das bild ändern ( von 00.jpg zu 01.jpg )
mein Fehler liegt sicherlich im Funktionskopf...
ich arbeite nicht sehr oft mit javascript...
helft mir bitte schnell :)
<script type="text/javascript"> function swap (var boxNumber, var picNumber) { document.getElementById('bild' + boxNumber).src='img/' + picNumber + '.jpg'; } </script> </head><body> <a href="#" onclick="swap('01','01')"><img src="img/00.jpg" id="bild01"></a>
grüße -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich habe mal so etwas Programmiert ich weiß nicht ob du damit etwas anfangen kannst:
https://github.com/willstdueswissen/Bilderlauf/blob/master/Bilderlauf-0.1.%20html
Für deine Zwecke angepasst:
<html> <head> <style> .Bilderh{ position:absolute; display: none; } .Bilderv{ position:absolute; } </style> </head> <body> <script> function neu(bild, bild2){ document.getElementById(bild).className="Bilderh"; document.getElementById(bild2).className="Bilderv"; } </script> <img src="Bild1.jpg" alt="test1" id="Bild1" class="Bilderv" onclick="neu('Bild1', 'Bild2');"> <img src="Bild2.jpg" alt="test2" id="Bild2" class="Bilderh"> </body> </html>
Und ich sage direkt es ist kein Standard, aber es funktioniert.
Beitrag zuletzt geändert: 2.1.2014 14:29:57 von willstdueswissen -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
