Zum Inhalt springen

IMAGE-Objekt - Bild skalieren und abschneiden

Erstellt am 30. April 2010 · 4 Antworten · letzte Antwort am 4. Mai 2010

Tags: Bilder, Frage

sebastian_wr ·

Hallo zusammen,

habe schon recherchiert und auch das TSRef zum IMAGE-Objekt gelesen, bekomme die Skalierung jedoch nicht so hin, wie ich es gerne hätte.

In einem FCE soll das Bild auf 300px Breite skaliert werden. Dann möchte ich in einem zweiten Wert angeben, welches die maximale Höhe sein soll (z.B. 150px) - alles darüber soll abgeschnitten werden.

5 = LOAD_REGISTER
5 {
	maxImgW.data = register:teaserImageWidth
	imgW.data = register:teaserImageWidth
	imgW.wrap = |c-100
		
	maxImgH.data = register:teaserImageHeight
	imgH.data = register:teaserImageHeight
	imgH.wrap = |c-20
}
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.width.data = register:imgW
	10.file.height.data = register:imgH
	10.file.maxW.data = register:maxImgW
	10.file.maxH.data = register:maxImgH

Dies bewirkt ja leider, dass bei einem exorbitanten Höhen-Wert (z.b. 1000px => Höhe also (fast) egal) das Bild zunächst auf 1000px Höhe skaliert wird, um es danach abzuschneiden.

Es soll aber nur in der Breite skaliert werden und wenn es DANN noch höher ist als x px, soll es in der Höhe abgeschnitten werden.

Wie muss ich das TS abändern, damit der gewünschte Effekt eintritt?

Vielen Dank im Voraus!

Grüße,
Sebastian

sebastian_wr ·

Fast, ich würde die FCEs gerne parametrisieren. Dafür gibts im Page-Template eigene Konstanten, die vom TemplaVoila-Objekt übernommen werden.

Jedoch würde ich gerne im TypoScript des FCE _nur_ für die Höhe ein Crop verwenden, und das auch nur, wenn das Bild nach dem Skalieren auf 300px zu hoch ist.

edit: Sozusagen maxH = 150c (z.B.). Wenn ich width und maxH verwende, skaliert er das Bild auf die gewünschte Höhe, jedoch wirds dann auch schmaler.

mhworx ·

Hi !

ohne es zu testen:

dann gib mal in der anderen richtung meintweg. 100m an...

das ist aber wirklich nicht mehr wie ein tip :-)

michael

sebastian_wr ·

Habe jetzt für das eine FCE (Hochformat-Bilder) bestimmt, dass man nur die maximale Breite angeben kann (auf diese Breite wird dann skaliert) und im anderen FCE ist wird Breite/Höhe jetzt gecropped (Querformat/Panorama-Bilder).

Ist zwar eher eine Design-Entscheidung, aber ohne großen Aufwand wird das wohl nicht gehen.

Interessant wäre an dieser Stelle noch eine Erweiterung fürs Backend, dass man bei einem Image-Field in TemplaVoila durch Verschieben des vorgebenenen Bildausschnittes komfortabel den Bereich wählen kann, der auf der Seite angezeigt werden soll (ähnlich wie bei Facebook, wenn man das Miniaturbild auswählen soll, wenn dies jemandem etwas sagt). Wenn ich doch nur mehr Zeit hätte. 😉