04. 04. 2012, 10:56

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.

  1. tt_content.image.20.1.stdWrap{
  2. wrap = <!!=::=>|</div>
  3. wrap.if.value.field = layout
  4. wrap.if.equals = 1
  5. }

  1. div.mouseoverimg {
  2. position:relative;
  3. }
  4. div.mouseoverimg:hover img {
  5. position:relative;
  6. top:-100%;
  7. }

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