Bildergalerie alle Vorschaubilder gleich groß
Bildergalerie alle Vorschaubilder gleich groß
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>
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>
-
- Beiträge: 184
- Registriert: Fr 17. Aug 2007, 12:15
- Kontaktdaten:
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.
aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)
zeig uns mal ein beispiel. weil im prinzip ist das schon richtig, wie du es gemacht hast.
aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)
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.
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?
aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)
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
<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.
aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)
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
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.
aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)
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
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
aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)