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.
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
}
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