Siechfred: Bild mit JavaSkript austauschen

Beitrag lesen

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