nicht angemeldet
Bild mit JavaSkript austauschen
Hallo zusammen,
ich habe in einem HTML Dokument ein Bild verlinkt. Wenn man auf dieses Bild klickt, soll dieses ausgetauscht werden.
<a href="#" onclick="newPicture();"><img src="1_2.gif" name="door2" alt="Tür 2" width="113" height="125"></a>
Mittels JavaSkript tausche ich nun das Bild aus:
parent.mainAdv.document.images['door2'].src = "img/2_2.gif";
Wie man an parent.mainAdv erkennen kann, verwende ich ein Frameset.
Mit dem Internet Explorer funktioniert es, mit Mozilla leider nicht.
Kann mir jemand sagen, woran das liegt?
-
Hi
<a href="#" onclick="newPicture()><img src="1_2.gif"
parent.mainAdv.document.images['door2'].src="img/2_2.gif";stimmt der Pfad in der 2. URL?
Mit dem Internet Explorer funktioniert es, mit Mozilla leider nicht.
Fehlerbeschreibung?
Gruß
Wurf-
Hi Wurf,
der Mozilla liefert in der JavaSkript Console keinen Fehler.
Das Bild wird aber trotzdem nicht ausgetauscht.
Stefan
-
Hi
Das Bild wird aber trotzdem nicht ausgetauscht.
das könnte daran liegen, dass das HTML im Anschluss an den Austausch des Bildes neu geladen wird. Setze mal an das onclick ein "return false" am Ende.
<a href="#" onclick="newPicture(); return false;">
in die href sollte übrigens ein richtiger Link, der angezogen wird falls das JS nicht zur Verfügung steht.
Gruß
Wurf
-
-
-
Tag Stefan.
ich habe in einem HTML Dokument ein Bild verlinkt. Wenn man auf dieses Bild klickt, soll dieses ausgetauscht werden.
Verstehe ich nicht. Willst du einen Hovereffekt für Links nachbauen oder einfach nur bei Klick auf das Bild dieses austauschen, ohne dass ein Verweis ausgeführt wird? Dein Bisheriger Code jedenfalls deutet auf Letzteres hin.
<a href="#" onclick="newPicture();"><img src="1_2.gif" name="door2" alt="Tür 2" width="113" height="125"></a>
Angenommen, du willst nur den Bildtausch, dann brauchst du keinen Verweis drumherum, sondern lediglich ein onclick im IMG-Element selber. Dort kannst du mit "this.src" auf das src-Attribut zugreifen und es ändern. Solltest du tatsächlich das übliche Verhalten von Links grafisch nachbilden wollen (Hover-Effekt, als besucht markieren etc.), kann man dein Vorhaben auch ganz ohne Javascript umsetzen, dann haben alle was davon, Ingos Artikel Bildwechsel mit CSS sollte nach ein paar Anpassungen das bieten, was du brauchst.
Mit dem Internet Explorer funktioniert es, mit Mozilla leider nicht.
Nun ja, wenn es mit Mozilla nicht funktioniert, dann ist irgendwo noch ein Fehler drin, die im IE eingebaute Glaskugel ist da toleranter.
Siechfred
-
Hi Siechfred,
"oder einfach nur bei Klick auf das Bild dieses austauschen"
ich möchte das Bild austtauschen und bei Href eine andere HTML Seite aufrufen (ich habe einer verkürzten Code gepostet).
Danke mit dem Hinweis "this.src". Ich werde dies mal probieren.
Bye
Stefan
-