Bilder in CSS das nicht das tut, was es soll

[Klawischnigg]

Hi there,

Ok, es gibt aber kein Element, daß man als "Platzhalter" nehmen könnte um darin ein Hintergrundbild einzusetzen? Ich will ja weder Link, noch Image haben, denn dieses kann ich wieder nicht per CSS mit den Daten für das Bild versorgen.

Was spricht eigentlich dagegen, ein Bild als Bild darzustellen? Wenn Du das Bild dynamisch ändern willst (und nur dann benötigst Du einen Platzhalter), dann kannst Du das auch machen, wenn Du ein Bild verwendest. Dazu benötigst Du in jedem Fall Javascript, und in Javascript ist es egal, ob Du einem <img>-Element ein anderes Bild (src-Attribut) oder einem anderen Element ein mit CSS-Angaben definiertes Hintergrundbild zuweist.

Und zur Darstellung nebeneinander verwendest Du einfach eine Liste, die mit display:inline in einer Reihe dargestellt wird. Deine Reihe von Bilder würde also so aussehen:

  
<ul>  
<li><img src="bild01.jpg" id="BILD1"></li>  
<li><img src="bild02.jpg" id="BILD2"></li>  
<li><img src="bild03.jpg" id="BILD3"></li>  
etc.  
  
</ul>  

Eine dynamische Veränderung ersetzt den Bildsource mit:

  
  
document.getElementById("BILD1").src="Neues Bild1";