Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige ÜberarbeitungNächste ÜberarbeitungBeide Seiten, nächste Überarbeitung | ||
typo3:images [2015/12/03 19:32] – Externe Bearbeitung 127.0.0.1 | typo3:images [2016/07/26 19:52] – ClickEnlarge Rendering/Lightbox für RTE 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: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==== ClickEnlarge Rendering/ | ||
+ | |||
+ | Um Bilder innerhalb des RTE in einer Lightbox vergrößern zu können, muss zuerst einmal das Static Template // | ||
+ | |||
+ | <WRAP center round important 100%> | ||
+ | Das Static Template erweitert '' | ||
+ | </ | ||
+ | |||
+ | Anschließend ergänzen wir '' | ||
+ | |||
+ | **TypoScript: | ||
+ | <code typoscript> | ||
+ | lib.parseFunc_RTE.tags.img.postUserFunc.imageLinkWrap { | ||
+ | JSwindow = 0 | ||
+ | directImageLink = 1 | ||
+ | linkParams.ATagParams.dataWrap = class=" | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ---- | ||
==== Maximale Bildbreite nach Spalte (und BackendLayout) festlegen ==== | ==== Maximale Bildbreite nach Spalte (und BackendLayout) festlegen ==== | ||
Zeile 70: | Zeile 107: | ||
---- | ---- | ||
+ | ==== Background-Image aus Seiteneigenschaften ==== | ||
+ | |||
+ | Prinzipiell ähnlich wie das obere Beispiel, nur als IMG_RESOURCE. Dieses cObject gibt nur den Bildpfad aus, kein komplettes '' | ||
+ | |||
+ | **TypoScript: | ||
+ | < | ||
+ | lib.pageBackgroundImage = IMG_RESOURCE | ||
+ | lib.pageBackgroundImage { | ||
+ | file { | ||
+ | import = uploads/ | ||
+ | import.data = levelmedia: | ||
+ | import.listNum = 0 | ||
+ | treatIdAsReference = 1 | ||
+ | required = 1 | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | |||
+ | **Fluid-Template: | ||
+ | < | ||
+ | <div class=" | ||
+ | </ | ||
+ | ---- | ||
===== Troubleshooting ===== | ===== Troubleshooting ===== | ||