Extensions bedeuten immer von dem Redakteur zu erwarten, dass er eine weitere Sache verinnerlichen und administrieren können muss. Aktuell war es uns für die Betreuung eines Kunden wichtig, ihm die Möglichkeit zu bieten mit den Typo3-Standard-Bordmitteln ganz leicht Bildergalerien einstellen zu können.
Zwar verwenden wir für die Anzeige in einer Lightbox die PMKShadowbox, allerdings wird diese administrativ lediglich bereitgestellt und der Redakteur kommt hiermit nicht in Berührung. Wichtig ist nur, dass er bei den Bildern die ‘Klick-Vergrößerung’ aktiviert, was allerdings auch zum Typo3-Standard gehört und durch die PMKShadowbox lediglich überschrieben wird.
Wie jedes Inhaltselment werden auch die Bilder von Typo3 aus mit sämtlichen hilfreichen Wraps und CSS-Klassen bestückt. Es fehlt allerdings die Möglichkeit jedes Bild einzeln anzusprechen um bspw. nur das erste Bild anzuzeigen und die übrigen auf display:none zu setzen. Über folgenden TS-Eintrag kann jedem Bild eine individuelle Klasse mitgeliefert werden kann:
tt_content.image.20.1.params = class="images_{field:uid}_{register:IMAGE_NUM}"
tt_content.image.20.1.params.insertData = 1
Ich wollte jedoch nicht nur das Bild sondern auch die umwrappenden DIVs auf display:none setzen. Stattdessen also folgendes TS:
tt_content.image.20.rendering.ul.imageRowStdWrap.dataWrap =
tt_content.image.20.rendering.ul.imageLastRowStdWrap.dataWrap =
Jetzt kann wie folgt per CSS nur das erste Bild angesprochen werden:
#teaser div.csc-textpic-imagerow { display:none; }
#teaser div.img-0 { display:block; }
Viel Spaß beim nachbasteln und bei Fragen oder Bemerkungen gerne kommentieren.