Bildergalerie alle Vorschaubilder gleich groß

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Bildergalerie alle Vorschaubilder gleich groß

Beitrag von citido » Mi 12. Sep 2007, 13:58

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>

delinquent
Beiträge: 184
Registriert: Fr 17. Aug 2007, 12:15
Kontaktdaten:

Beitrag von delinquent » Do 13. Sep 2007, 07:56

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.

kummer
Beiträge: 2423
Registriert: Do 6. Mai 2004, 09:17
Wohnort: Bern, Schweiz
Kontaktdaten:

Beitrag von kummer » Do 13. Sep 2007, 08:28

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)

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Beitrag von citido » Do 13. Sep 2007, 11:34

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?

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Beitrag von citido » Di 18. Sep 2007, 09:53

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?

kummer
Beiträge: 2423
Registriert: Do 6. Mai 2004, 09:17
Wohnort: Bern, Schweiz
Kontaktdaten:

Beitrag von kummer » Di 18. Sep 2007, 10:06

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)

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Beitrag von citido » Di 18. Sep 2007, 10:27

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.

kummer
Beiträge: 2423
Registriert: Do 6. Mai 2004, 09:17
Wohnort: Bern, Schweiz
Kontaktdaten:

Beitrag von kummer » Di 18. Sep 2007, 10:59

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)

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Beitrag von citido » Di 18. Sep 2007, 11:37

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

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

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Beitrag von citido » Di 18. Sep 2007, 11:40

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

kummer
Beiträge: 2423
Registriert: Do 6. Mai 2004, 09:17
Wohnort: Bern, Schweiz
Kontaktdaten:

Beitrag von kummer » Di 18. Sep 2007, 11:55

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)

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Beitrag von citido » Di 18. Sep 2007, 12:05

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

kummer
Beiträge: 2423
Registriert: Do 6. Mai 2004, 09:17
Wohnort: Bern, Schweiz
Kontaktdaten:

Beitrag von kummer » Di 18. Sep 2007, 13:19

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)

citido
Beiträge: 22
Registriert: Mo 15. Jan 2007, 09:32
Kontaktdaten:

Beitrag von citido » Di 18. Sep 2007, 13:26

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

kummer
Beiträge: 2423
Registriert: Do 6. Mai 2004, 09:17
Wohnort: Bern, Schweiz
Kontaktdaten:

Beitrag von kummer » Di 18. Sep 2007, 13:28

aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)

Gesperrt