Felix Riesterer: onClick bild wechsel...

Beitrag lesen

Lieber incognito,

Dein grundsätzlicher Denkfehler liegt darin, dass Du keine HTML-Elemente (in JS sind das Objekte) einfach so durch andere ersetzen kannst, um das zu erreichen, was Du willst.

Du willst, dass ein anderes Bild angezeigt wird? Dann musst Du die referenzierte Bilddatei im <img>-Element ändern, sprich: den Wert des src-Attributs mit einer neuen URL befüllen. In JS bedeutet das, dass Du die ".src"-Eigenschaft eines Objektes (des <img>-Elements) mit Deiner neuen URL beschreibst.

// Folgende Zeile setzt voraus, dass im Dokument <img id="wechselbild" ... /> steht:  
var meinBild = document.getElementById("wechselbild");  
  
// Bild ändern durch neue URL  
meinBild.src = "http://example.com/anderes-bild.jpg";

Woher Du nun die URL für das neue Bild holst, überlasse ich Dir.

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)