Liebe Kollegen,
ich erstelle gerade eine einfache Bildergalerie und komme nicht weiter, weil ich meinen Denkfehler nicht finde. Vielleicht hat einer von euch eine Idee…?
Ich habe eine Sammlung erstellt und mit listview Dokumente kann ich die Bilder als Miniaturansichten wunderbar auflisten:
Code
<we:listview type="collectionitems" id="1" name="Bild"><we:repeat>
<we:field type="img" name="Bild" width="200px" height="auto" style="margin:20px"/>
<div id="foto_gross">
<we:field type="img" name="Bild"/>
</div>
</we:repeat></we:listview>
Funzt.
Jetzt erstelle ich eine Ebene id="foto_gross" und lasse darin die Bilder in Originalgröße abbilden:
Code
<we:listview type="collectionitems" id="1" name="Bild"><we:repeat>
<we:field type="img" name="Bild" width="200px" height="auto" style="margin:20px"/>
<div id="foto_gross">
<we:field type="img" name="Bild"/>
</div>
</we:repeat></we:listview>
Auch das funktioniert prächtig.
Jetzt unterdrücke ich die Darstellung der Ebene via "display:none" und geben dem kleinen Bild den Befehl, bei onmouseup die Ebene darzustellen.
Code
<we:listview type="collectionitems" id="1" name="Bild"><we:repeat>
<we:field type="img" name="Bild" width="200px" height="auto" style="margin:20px"
onmouseup="document.getElementById('foto_gross').style.display='block';"/>
<div id="foto_gross">
<we:field type="img" name="Bild"/>
</div>
</we:repeat></we:listview>
Das Öffnen der Ebene funktioniert, nur zeigt sie immer das erste Bild der Sammlung.
Was mache ich falsch?
Herzliche Grüße,
Uwe