Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

JavaScript: Bild auf Klick ändern

Hi.
Ich möchte eine Seite schreiben, bei der einfach ein Bild angezeigt wird. Bei einem Klick darauf wird darauf ein anderes Bild angezeigt.
Das hab ich so probiert:

<html>
<head></head>

<script type="text/javascript">

    pic1  = new Image();   pic1.src  = "doof.jpg";
    pic2  = new Image();   pic2.src  = "habdichlieb.jpg"
    pic3  = new Image();   pic3.src  = "rose.jpg"

var a=1;

function weiter(num)
{
window.document.images[num].src = "pic"+a.src;   //hier soll der Fehler sein
++a;
if (a>3) {a=1}
}

</script>

<body bgcolor=black >
<a href=javascript:onclick=weiter(1)> <img src="doof.jpg" width=80%> </a>
</body>
</html>

So. Das is alles. Ich hab das von der selfHTML-Seite abgeschrieben, und in einem anderen fall hat es auch schon funktioniert.
Hier sagt er mir allerdings folgendes:

"window.document.images[...] " ist NULL oder kein Objekt.



Vielen Dank im Voraus!

MfG




Tobi



hier noch ein gescheiterter Versuch:
<html>
<body bgcolor=black >

<script type="text/javascript">

    pic1  = new Image();   pic1.src  = "doof.jpg";
    pic2  = new Image();   pic2.src  = "habdichlieb.jpg";
    pic3  = new Image();   pic3.src  = "rose.jpg";

 var a=1;

function weiter)
{
document.image.src = "pic"+a.src;
++a;
if (a>3) {a=1}
}
</script>
       //Zeile 19 ist hier
<p align="center">
<img src="doof.jpg" onclick=weiter(1) width=80%>
</p>

</body>
</html>
Fehler:
Zeile 19 Zeichen 16
'(' erwartet

dann wird geladen
beim Klick aufs bild:
Zeile 27 Zeichen 1  (da is der QT schon zu ende)
Objekt erwartet
« Letzte Änderung: 18.01.07, 23:33:45 von SLik »

Antworten zu JavaScript: Bild auf Klick ändern:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
3 Leser haben sich bedankt

Versuch mal statt dem hier:

window.document.images[num].src

das hier:

document.getElementById('meinBild').src

Und dann vergibst du für den betreffenden IMG-Tag noch die ID "meinBild" (oder was auch immer du willst, musst es nur angleichen). Geht immer ganz gut so ;)

greez 8)
JoSsiF

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Joa...

Arrays werden in JavaScript von 0 an durchnummeriert, also weiter(0) statt weiter(1).

Aber getElementById ist eh besser... hat man keine Probleme, wenn man nachträglich noch irgendwo auf der Seite  Bilder einfügt.

Und da beim zweiten Skript:
Da fehlt ne "Klammer auf" hinter function... manchmal ist der Fehler halt nicht wirklich genau da wo der Interpreter erst anfängt zu schreien.

Vielen Dank!  :D
Es funktioniert!

Meine Lösung lautet nu so:

<html>
<body bgcolor=black >

<script type="text/javascript">

var a=1;

function weiter()
{
document.getElementById('meinBild').src = "pic"+a+".jpg";
++a;
if (a>3) {a=1}
}
</script>

<p align="center">
<img src="pic1.jpg" onclick=weiter() width=80% ID="meinBild">
</p>

</body>
</html>

 

Ich hab einfach mal
<html>
<body bgcolor=black >

<script type="text/javascript">

var a=1;

function weiter()
{
document.getElementById('meinBild').src = "pic"+a+".jpg";
++a;
if (a>3) {a=1}
}
</script>

<p align="center">
<img src="1.jpg" onclick=weiter() width=80% ID="meinBild">
</p>

</body>
</html>

eingebunden nun meine frage ich hab ne 2.jpg wie kann ich die einstellen?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
Ich hab einfach mal...

... Dich an einen Post gehängt der mit Deinem "Problem" überhaupt nichts zu tun hat und jeder Erklärung entbehrt, was Du mit dem Scriptchen bewirken möchtest.

Eröffne also einen eigenen neuen Thread mit eigenen aussagekräftigem Betreff und einer auch für Außenstehende nachvollziehbaren Beschrebung Deines Vorhabens. 

« Dieses Skript verursacht eine Browserverzögerung1blu Homepagebuilder »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Bildpunkte
Bilder, die von einem Monitor wiedergegeben werden, bestehen aus einzelnen Bildpunkten (Pixeln). Je höher die Pixelanzahl ist, desto genauer und besser kann das Bild...

Bildschirmschoner
Der eigentliche Sinn des Bildschirmschoners ist, den Bildschirm vor dem Einbrennen des Monitorbildes zu schützen.Während das bei neueren Monitoren (außer ...

Bildwiederholfrequenz
Auf Bildschirmen erscheint ein Bild nur Bruchteile von Sekunden, weil die es erzeugenden Elektronenstrahlen oder Impulse sehr kurzzeitig wirken. Deshalb wird es mit einer...