Benutzer-Werkzeuge

Webseiten-Werkzeuge


typo3:images

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige ÜberarbeitungVorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
Nächste ÜberarbeitungBeide Seiten, nächste Überarbeitung
typo3:images [2016/04/07 22:39] – Background-Image aus Seiteneigenschaften admintypo3:images [2018/04/06 23:26] – Bildbeschreibung in Lightbox ausgeben admin
Zeile 2: Zeile 2:
  
 ===== Snippets ===== ===== Snippets =====
 +
 +==== Konstanten für Bildgrößen und Lightbox ====
 +
 +<code typoscript>
 +styles.content.textmedia {
 +    linkWrap.lightboxEnabled = 1
 +    # linkWrap.height = 800
 +    linkWrap.width = 1200
 +    maxW = 860
 +    maxWInText = 400
 +    linkWrap.lightboxCssClass = lightbox
 +    linkWrap.lightboxRelAttribute = lightbox[{field:uid}]
 +}
 +</code>
 +
 +----
 +
 +==== Bildbeschreibung in Lightbox ausgeben ====
 +
 +<code typoscript>
 +lib.contentElement.settings.media.popup.linkParams.title.data = file:current:description // file:current:title //file:current:alternative
 +</code>
 +
 +----
 +
 +==== ClickEnlarge Rendering/Lightbox für RTE ====
 +
 +Um Bilder innerhalb des RTE in einer Lightbox vergrößern zu können, muss zuerst einmal das Static Template //ClickEnlarge Rendering (rtehtmlarea)// hinzugefügt werden.
 +
 +<WRAP center round important 100%>
 +Das Static Template erweitert ''lib.parseFunc_RTE'' muss daher __nach__ der grundsätzlichen Konfiguration eingefügt werden!
 +</WRAP>
 +
 +Anschließend ergänzen wir ''lib.parseFunc_RTE'' um die für die Lightbox benötigten Attribute:
 +
 +**TypoScript:**
 +<code typoscript>
 +lib.parseFunc_RTE.tags.img.postUserFunc.imageLinkWrap {
 +    JSwindow = 0
 +    directImageLink = 1
 +    linkParams.ATagParams.dataWrap = class="lightbox" rel="lightbox"
 +}
 +</code>
 +
 +----
  
 ==== Maximale Bildbreite nach Spalte (und BackendLayout) festlegen ==== ==== Maximale Bildbreite nach Spalte (und BackendLayout) festlegen ====
typo3/images.txt · Zuletzt geändert: 2018/11/01 13:04 von admin