Frage zum Wiki-Artikel „Funktion“

[Rolf B]

Hallo Rolandw,

gut, dann brauchst Du zwei <img> Elemente, weil Du ja auch zwei Bilder anzeigen willst.

Die "Position tauschen" kannst Du im Script auf 2 Arten tun:

• src und alt Attribute der img-Elemente vertauschen
• die Elemente selbst anders positionieren.

Was geht, hängt auch davon ab, wie dein HTML aussieht. Sind die Bilder nebeneinander im gleichen Elternelement? Oder stehen sie an ganz an verschiedenen Stellen der Seite?

Bei einem solchen HTML

  <div id="container">
    <img src="..." alt="...">
    <img src="..." alt="...">
  </div>

könntest Du mit querySelector("#container img:first-child") das erste img-Element im Container heraussuchen und es dann mit appendChild als letztes Element anhängen - dadurch wird es von seiner bisherigen Position entfernt.

Ob das für dich passt, hängt von deinem HTML ab.

Lektüre im Selfwiki:

• querySelector
• CSS Selektoren
• appendChild
• Unobtrusive JavaScript

Rolf