• Registrierungsdatum: 13-07-2006
  • Beiträge: 2

Thema: Bild in DIV auswechseln?

Hallo! Erstmal Glückwünsch zum Buch! Bin zwar erst in der Mitte, bis gefällts mir aber super!

Versuche gerade das Gelernte etwas anzuwenden und stosse dabei auf Probleme:
Meine Idee war es, in einem DIV ein Bild auszuwechseln.
Kann ich dabei einfach vom img-tag das attribut ändern, also z.B. mit setAttribute("src","1.jpg")?

Oder was wäre der einfachste Ansatz dazu?

Ziel ist es später, bei einem Klick eine "Warte"-Animation anzuzeigen bis das Bild geladen ist, das DIV auf die neue Bildgrösse anpassen und schliesslich das neue Bild im DIV anzuzeigen. Es gibt viele Beispie im Netz, jedoch sind die meisten für einen Anfänger bereits viel zu komplex...

  • Registrierungsdatum: 06-08-2006
  • Beiträge: 5

Re: Bild in DIV auswechseln?

Hallo socken,

also ich denke es ist das Beste einfach ein komplettes HTML Element (<img...>)
in den DIV Container einzufügen. Das Problem ist, dass man über das DOM-Modell zugreifen muss um den aktuellen Inhalt des Containers zu erhalten, ggf. zu löschen/ändern oder auch neu zu erstellen. In Deinem Fall also DIV-Object['textContent'] = Inhalt des Containers.

Kannst Dir aber alle Eigenschaften eines Elements bzw. Objekts folgendermaßen anzeigen lassen:

for(i in [Object])
{
   document.write('Eigenschaft:' + i);
}

Damit hast du alle Eigenschaften des betreffenden Objekts die man bearbeiten kann. Dann muss man das neue Objekt einfach an das zu bearbeitende Object (in Deinem Fall der DIV Container) mit der Methode Object.appendChild(NeuesObject) (Neues Objekt = img Objekt) anhängen bzw. einfügen. Allgemeines Stichwort: DOM.

Das sollte dann funktionieren. Bei mir hat das auch geklappt :-)

Gruß Schwatten

Zuletzt bearbeitet von schwatten (06-08-2006 21:12:35)