Bildaustausch per CSS und Typoscript / Bilderhöhe automatisch ermitteln
| Autor | Nachricht |
|---|---|
|
Verfasst am: 04. 04. 2012 [10:56]
|
|
|
knutwiler
Dabei seit: 24.11.2011
Beiträge: 6
|
Liebe Community Ich möchte für Bilder in Inhaltselement Typen «Bilder/Text und Bilder» einen Bildaustausch-Effekt mit CSS erzeugen. Bisher habe ich eine Lösung, die aber nur für eine fixe Bildergrösse funktioniert. TYPOSCRIPT tt_content.image.20.1.stdWrap{ wrap = <div style="height: 139px; overflow: hidden;" class="mouseoverimg">|</div> wrap.if.value.field = layout wrap.if.equals = 1 } CSS div.mouseoverimg { position:relative; } div.mouseoverimg:hover img { position:relative; top:-100%; } Gibt es eine Möglichkeit die Bildhöhe per Typoscript zu ermitteln und in obengenanntes Typoscript einzubauen, so dass der Bildwechsel bei unterschiedlich hohen Bildern funktioniert? Im Moment wird die Bildgrösse einfach via CSS style «height» angegeben. Herzlichen Dank für eure Hilfe. Beste Grüsse |
 |
|