Zum Inhalt springen

Content Element "Bild" mit TypoScript vergrößern

Erstellt am 17. Mai 2011 · 2 Antworten · letzte Antwort am 20. Mai 2011

Tags: Frage

artkon ·

Hallo!

Kennt jemand eine Möglichkeit, das Content Element "Bild" zu vergrößern?

Das Problem: Standardmäßig gibt TYPO3 das CE mit einer Breite von 560px aus, es werden maximal 8 Spalten zugelassen, die angezeigten Bilder haben eine Breite von 54px. Soweit so gut.

Ich brauche folgendes:

1. Das gesamte Content Element soll nicht 560x, sondern 940px breit sein.
2. Neun Spalten (das ist via PageTSconfig bereits gelöst und nicht Thema meiner Anfrage).
3. Alle Bilder in den Spalten sollen dieselbe Höhe haben (auch gelöst - via FlexForm oder via CSS);
aber jetzt kommt's:
4. Die Bilder in den neun Spalten sollen eine einheitliche Höhe von 150px haben und proportional skaliert (!) sein

Zur Veranschaulichung habe ich das galerie.jpg mitgeschickt.

Mit CSS komme ich soweit, dass das Content Element schon mal die korrekte Breite hat, die neun Spalten haben ich auch und die Abstände zwischen den einzelnen Spalten und Reihen stimmen auch.

Aber: Leider sind alle Spalten gleich breit, die Bilder nicht korrekt skaliert und daher verzerrt. Gewünscht wäre eine Darstellung wie mit den Standardeinstellungen (FlexForm -> Bildeinstellungen: Breite (px): leer; Höhe(px): 150; Horizontale Reihen: deaktivieren), nur eben alles proportional auf 940px Breite skaliert.

CSS kann also nicht die Lösung sein. Daher nochmals meine Frage vom Beginn: Kennt jemand einen Weg, das CE mittels TypoScript zur gewünschten Anzeige zu bewegen?

Beste Grüße und vielen Dank!

Arthur

galerie.jpg

Chrissli ·

Sorry, aber das funktioniert so wahrscheinlich nicht.
Selbst wenn die Bilder die selbe Höhe haben, müsste
der Bildabstand dynamisch variieren, je nachdem welche
Abmessungen die einzelnen Bilder der Zeile haben.

Ich behaupte, du hast hier mit TS nicht zu schlag kommst.
Würde eher eine userFunc in PHP schreiben oder das per JS
lösen.

Lass' mich aber gerne korrigieren

Ach ja:
Bilder per TS vergrößern...
entweder per renderObj:

renderObj {
    10 = IMAGE
    10 {
      file = clear.gif
      file.import = uploads/pics/
      file.import.field = image
      file.width = 234
      file.import.listNum = 0
    }
}

oder per Constants:

styles.content.imgtext.maxW = 600 //weiß hier leider auch nichts genaues über die Funktionalität

Vielleicht gibt es noch andere Möglichkeiten,
aber das sind die die mir geläufig sind.

Hoffe das hilft dir weiter

artkon ·

Vielen Dank mal für Dein Engagement. Dass sich das Problem mit HTML, CSS und TS nicht vernünftig lösen lässt, habe ich bereits hinnehmen müssen :-(
Aber ich werde mir Deinen Tipp am Wochenende genauer ansehen und mein Resultat dann posten.

Beste Grüße!

Arthur