& (JavaScript) Noch ein Lösungsansatz, wenn auch nicht der schönste[tm]

[Ole]

Hi

ich habe für eine dynamische[1] Galerie die sich in einem CMS befindet einen unschöneren Ansatz verfolgt.

zu [1]:
Die Galerie entsteht durch das Auslesen von Ordnernstrukturen und denen darin enthaltenen Bildern auf dem Server. Als Sprache setzte cih CFML ein.

Mittels ImageMagick werden von Bildern von denen noch keine Thumbnails exisieren genau jene erstellt. Wobei die Abmessungen immer 80px x 53px betragen...je nachdem ob Quer- oder Hochformat entsprechen die Werte eben Höhe und Breite oder umgekehrt.

Da es mir nicht möglich ist serverseitig die Abmaße eines Bildes zu ermitteln nutze ich dazu JavaScript.
Bei der Ausgabe der Bilder bekommt jedes Bild eine ID zugeordnet, gefolgt von einem JavaScript (nach dem IMG-Tag). In diesem JavaScript ermittel ich durch abfragen der Höhe ob das Bild Hoch- oder Querformat hat und richte es dann entsprechend aus via Zugriff auf "margin-top".
So erhalte ich immer sowohl vertikal als auch horziontal (fast ;)) zentrierte Thumpnails die aussehen wie ein Diapositiv.

Ein "Datensatz" sieht dann bei der Ausgabe so aus:

<div  style="width: 100px; height: 80px; float: left; background: #FFFFFF; border: 1px solid #333333; margin: 5px; padding: 10px 0 10px 0;" title="objekte_001_gross.jpg">
<img src="/imgpool/Objekte/vorschau_objekte_001_gross.jpg" title="objekte_001_gross.jpg" alt="objekte_001_gross.jpg" style="border: 1px solid #333333;" id="objekte_001_gross.jpg">
<script language="JavaScript">
if (document.getElementById("objekte_001_gross.jpg").height < 80) {document.getElementById("objekte_001_gross.jpg").style.marginTop = "13px;"};
</script>
</div>

Es geht bestimmt auch noch schöner :).

so long
Ole
(8-)>