Bilder aus Array aufrufen

[Uschi Renziehausen]

Gugugg,

Angenommen ich hab nen Link und wenn der geklickt wird, soll dadrunter das Bild erscheinen. Ich dachte, ob das vielleicht möglich ist, ohne "Leergraphiken" und "visible" bzw. "hidden" zu arbeiten?

visible und hidden helfen dir hier nicht wirklich weiter, weil die ja das Bild zwar verstecken, aber den entsprechenden Leerraum freilassen würden. Möglich wäre aber folgende Konstruktion:

<div id="actuator_01" onclick="showImage(this)">Bild 1</div>
<div id="imgcontainer_01" style="display: hidden"><img src="bild1.jpg" ... /></div>
<div id="actuator_02" onclick="showImage(this)">Bild 2</div>
<div id="imgcontainer_02" style="display: hidden"><img src="bild2.jpg" ... /></div>

Im Dateikopf dann eine Funktion dazu:
<script language="JavaScript" type="text/javascript">
  function showImg(actuator) {
    // ID des Bild-Containers zusammenbasteln
    var actuator_split = actuator.id.split('_');
    var container_id = 'imgcontainer_' +actuator_split;
    var container = document.getElementById('container_id');
    // wenn Bildchen unsichtbar, dann anzeigen
    if(container.style.display == 'none') {
      container.style.display = 'block';
    } else { // sonst verstecken
      container.style.display = 'none';
    }
  }
</script>
Ist es so ungefähr das, was du meinst?

Liebe Grüße, Uschi