Bildzuschnitt von Vorschaubildern in Galerie ändern

[Engal]

Hallo

ich benütze die standard Typolight Galerie Funktion mit Vorschaubildern die sich bei klick in der Lightbox öffnen. Die Vorschaubilder lasse ich automatisch auf eine vordefinierte große resizen und falls nötig croppen (Vorschaubilder sind nur querformat).

Problem ist nun das bei vielen Vorschaubildern z.B. der Kopf abgeschnitten ist da das eigentliche bild im Hochformat vorliegt und Typolight ja "von der mitte aus" die thumbnails generiert.

Gibt es eine möglichkeit einzustellen das die thumbnails von der oberen kante aus gecroppt werden sollen. (Würde mir auch zutrauen etwas im core herumzuwerken)

schon im vorraus
danke für eure antworten

[Stephan]

Hallo Engal,

diese Funktion existiert (noch) nicht. Ich hatte damals ein Feature Request dazu geschrieben, das Leo erfreulicherweise auch angenommen hat. Nun heißt es also abwarten bis er sich dessen annimmt.

[t.k]

ist zwar umständlicher, wenn es aber nicht so viele Bilder sind, kannst du auch Thumbnails erstellen und die Bilder halt so per Lightbox öffnen:

<a rel="lightbox[kategorie]" href="tl_files/grosses-bild.jpg"><img style="float: left; margin-right: 10px;" src="tl_files/thumbnail.jpg" alt="Lightboxbild" /></a>

[Andreas]

Die Vorschaubilder lasse ich automatisch auf eine vordefinierte große resizen und falls nötig croppen (Vorschaubilder sind nur querformat).

Problem ist nun das bei vielen Vorschaubildern z.B. der Kopf abgeschnitten ist da das eigentliche bild im Hochformat vorliegt und Typolight ja "von der mitte aus" die thumbnails generiert.

Hallo Engal,

theoretisch:

du könntest die Thumbs mit der CSS-Eigenschaft "clip" pseudo-croppen. http://de.selfhtml.org/css/eigenscha...erung.htm#clip

Beispiel: Stelle im CE nur die Breite ein z.B. 160, die Höhe lässt du offen und croppst sie später mit "clip" auf z.B. 100. Hast du jetzt z.B. ein Bild im Hochformat mit 600x800, dann wird es dir auf 160x213 verkleinert. Durch "clip" lässt du jetzt die unteren 113px verschwinden.

Damit das funktioniert müsstest du im Template um das a-Element noch ein span-Element packen. Dieses span-Element bekommt dann display:block und position:relative, dem a-Element gibst du display:block, position:absolute, left:0, top:0, overflow:hidden und clip:rect(0px, 160px, 100px, 0px)

Evtl. gibt es Probleme, da sich alles innerhalb einer Tabelle abspielt - die Galerie im Original-Template wird ja mit einer Tabelle aufgebaut. Ich habe mir die Tabelle entfernt und einfach span-Elemente aneinander gereiht.

Andreas