CONTENIDO Forum

Hallo,
ich wollte in der Bildergalerie bei der Version 4.6.15, dass alle Vorschaubilder gleich groß sind. Deshalb hab ich im Modeul-Template die Tabellengröße festgelegt und das Vorschaubild als Hintergrundbild. In der Galerieeinstellung hab die Thumbs auf 120 Höhe oder Breite gesetzt und die Tabelle auf 100x100. Es funktioniert aber nicht. Manche Bilder werden 1,5fach angezeicht, manche 100breit aber 120 hoch. Wie kann ich das richtig machen?

Code gallery_image.html:
<td width="100" height="100" background="{FILE}">
<a href="{LINK}"><img border="0" src="images/trans.gif" title="{DESCRIPTION}" alt="{DESCRIPTION}"></a>


</td>

Das Modul umschreiben. Zum einen: Wenn Du Breite und Höhe "nur" in der Tabellenzelle definierst, wird diese einfach wachsen, wenn das Bild größer wird. Du könnstest das einfach ins Bild selbst schreiben, aber bei Angabe beider Werte, also Breite und Höhe, wird die Grafik mitunter gestreckt oder gestaucht. Also musst Du das Modul so anpassen, dass die Bilder skaliert werden, ohne die Proportionen beizubehalten. Also musst Du zunächst gucken, ob das Bild im Hoch oder Querformat vorliegt. Im Hochformat skalierst Du auf eine Breite von Hundert, im Querformat auf Höhe von Hundert und schneidest dann links und rechts (oder nur links oder rechts) so viel vom Bild ab, dass Du auch hier auf hundert kommst.

ich würde die proportionen erhalten. du kannst dann immer noch mit css nur einen bildausschnitt anzeigen. oder du machst anstatt einer einfachen skalierung noch einen bildausschnitt. dann brauchst du css gar nicht bemühen.

Danke für die Antworten! Da ich aber nicht so fit bin, weiss ich allerdings nicht, wie ich das mit dem css oder dem Bildausschnitt realisieren kann. Habt Ihr ne kleine Hilfe für mich?

hab es mit css versucht:

style="position:absolute; clip:rect(0px,20px,50px,0px)"

aber das funktioniert auch nicht. wird dann kein vorschaubild mehr angezeigt. kann mir jemand weiter helfen, wie ich die vorschaubilder alle quadratisch anzeigen lassen als bildausschnitt?

zeig uns mal ein beispiel. weil im prinzip ist das schon richtig, wie du es gemacht hast.

hier ist der link zur seite

http://www.ahrt.de/cont/cms/front_content.php?idcat=77

und so ist das modul-template gallery_image.html

<td class="vorschau" background="{FILE}" >
<a href="{LINK}"><img border="0" src="images/trans.gif" width="100" height="100" title="{DESCRIPTION}" alt="{DESCRIPTION}"></a>
<!-- <p>{DESCRIPTION}</p> --></td>


wenn ich es so mache:
<td class="vorschau" background="{FILE}" style="position:absolute; clip:rect(0px,100px,100px,0px)" >
<a href="{LINK}"><img border="0" src="images/trans.gif" width="100" height="100" title="{DESCRIPTION}" alt="{DESCRIPTION}"></a>
<!-- <p>{DESCRIPTION}</p> --></td>

hab ich alle Bilder übereinander bzw. nur noch ein sichtbares.

aber die style-angabe finde ich darin nicht. wo stecken die?

.vorschau {
width:100px;
height:100px;
background-position:0px 0px;
}

war nur der versuch, es damit zu begrenzen, funktioniert aber nicht

hab es jetzt so ohne zusätzlichen style:
<td background="{FILE}" style="position:absolute; clip:rect(0px,100px,100px,0px)" >
<a href="{LINK}"><img border="0" src="images/trans.gif" width="100" height="100" title="{DESCRIPTION}" alt="{DESCRIPTION}"></a>
<!-- <p>{DESCRIPTION}</p> --></td>

zeigt er mir dann wieder nur das letzte bild an bzw. alle übereinander

http://www.ahrt.de/cont/cms/front_content.php?idcat=77

aber das position:absolute hat gar nichts mit dem bildauschnitt zu tun. das führt logischerweise dazu, dass alle übereinander liegt. nimmt das position:absolute weg und dann sollte es funktionieren.

dann werden nicht alle Bilder richtig abgeschnitten bzw. manche fangen zweimal an. jetzt sind z.B. die beiden letzten nicht quadratisch sondern hochkant. konfigurier ich die galerie so, dass statt 5 spalten 4 zeilen nur 3 spalten und 5 zeilen sind, sind alle vorschaubilder quadratisch, weil dann in der letzten zeile 2 hochkant und ein querbild ist. hier als versteckter artikel:

http://www.ahrt.de/cont/cms/front_content.php?idart=112
und hier mit 5 spalten
http://www.ahrt.de/cont/cms/front_content.php?idcat=77

tja ist ja alles schön und gut. jetzt stellt sich die frage, was du gerne haben möchtest. wenn alle bilder gleiches format haben sollen und du sowohl hoch- wie auch querformatige bilder in der galerie hast, dann ist das resultat, dass alle quadratisch ausgegeben werden. das geht einfach nicht anders.

ja, es sollen alle vorschaubilder quadratisch ausgegeben werden, egal ob da jetzt rechts oder unten abgeschnitten wird. hauptsache es ergibt nachher ein ordentliches feld aus gleichgrossen vorschaubildern mit gleichen abständen. etwa wie hier auf dieser seite
http://www.photoworkers.ch/n2n/fotograf.php?page_id=18

aber das hast du doch: http://www.ahrt.de/cont/cms/front_content.php?idart=112