nemoinho: Image dynamisch mit Javascript in <a> Tag einfügen

Beitrag lesen

Hi,

erstmal brauchst du hier nicht den ganzen Quelltext schrieben, wenn es nur um ein paar Zeilen geht und weiter hast du da auch ein paar denkfehler gemacht:

var objSlideStoppImage = document.createElement("img");
switchanchor.removeChild(switchanchor.firstChild);

ist ok du erzeugst einen neuen img-Knoten im Dokument und speicherst ihn in der vorranstehenden Variable, außerdem entfernst du den alten Inhalt...

switchanchor.appendChild(document.createElement("img"));

das ist doof, jetzt setzt du in switchanchor einem neuen img-Knoten, und zwar nicht den den du vorher definiert hast und der in der Variablen objSlideStoppImage steht!

switchanchor.setAttribute('src', slidestopimage);

das ist der grund dafür, das du das src-Attribut in dem a-Element hast, du gibst nämlich dem anchor und nicht dem img das Attribut!

besser solltest du den Block also so schreiben:

var objSlideStoppImage = document.createElement("img");  
objSlideStoppImage.setAttribute('src', slidestopimage);  
switchanchor.removeChild(switchanchor.firstChild);  
switchanchor.appendChild(objSlideStoppImage);

das ganze natürlich überall da wo du diese Struktur verändert hast :)

Mfg nemoinho