Bilder wechseln sich beim anklicken
lima-city → Forum → Programmiersprachen → Java
-
Also ich habe jetzt so ein Script:
<form name="Bilder"> <img name="BILD" src="1.png" onClick="change()"> </form> <script type='text/javascript'> <!-- var i=0; function change() { if(i==0) { document.Bilder.BILD.src="2.png"; i++; } else { document.Bilder.BILD.src="1.png"; i--; } } //--> </script>
Wie kann ich jetzt machen, dass da mehr als 2 Bilder angezeigt werden, wo muss ich das einfügen ???
LG
Play 5 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das gehört nicht ins Forum "java" sondern in das Forum "HTML und Javascript". Versuche es mal mit diesem Code:
<form name="Bilder"> <img name="BILD" onClick="change()"> </form> <script type='text/javascript'> <!-- var i=0; function change() { if(i==0) { document.Bilder.BILD.src="2.png"; i++; } else { document.Bilder.BILD.src="1.png"; i--; } } //--> </script>
Du hast die Adresse schon in HTML angegeben, das darfst du nicht machen, das soll Javascript ja machen.
mfg drafed-map -
Nein, irgendiwe klappt dein Code so garnicht, meiner ist schon richtig, nur wo muss ich was dazuschreiben, dass ich noch ein Bild mehr angezeigt wird ???
-
So müsste es gehen.
Bilder 1.png bist 10.png
<form name="Bilder"> <img name="BILD" src="1.png" onClick="change()"> </form> <script type='text/javascript'> <!-- var i=0; function change() { if(i<11) { i++; } else { i=1; } document.Bilder.BILD.src=i+".png"; } //--> </script>
-
Und wie muss ich das jetzt ändern wenn das Bild in einem anderen Verzeichnis liegt wie z.B. /Bilder
Ich habe das so eingefügt:
<form name="Bilder"> <img name="BILD" src="Bilder/1.png" onClick="change()"> </form> <script type='text/javascript'> <!-- var i=0; function change() { if(i<11) { i++; } else { i=1; } document.Bilder.BILD.src=Bilder/i+".png"; } //--> </script>
Was ist da falsch ???
Da öffnet sich nämlich so ein Fenster mit der Anzeige vom Scriptfehler.
Beitrag zuletzt geändert: 5.5.2009 14:56:56 von play5 -
<form name="Bilder"> <img name="BILD" src="Bilder/1.png" onClick="change()"> </form> <script type='text/javascript'> <!-- var i=0; function change() { if(i<11) { i++; } else { i=1; } document.Bilder.BILD.src="Bilder/"+i+".png"; } //--> </script>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage