Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Beide Seiten, vorherige ÜberarbeitungVorherige ÜberarbeitungNächste Überarbeitung | Vorherige Überarbeitung | ||
typo3:images [2014/02/05 22:08] – admin | typo3:images [2018/11/01 13:04] (aktuell) – [Vorschaubilder beschneiden, aber Lightbox im Original] admin | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ===== Maximale Bildbreite nach Spalte (und BackendLayout) festlegen | + | ====== Images ====== |
+ | |||
+ | ===== 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: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==== Bildbeschreibung in Lightbox ausgeben ==== | ||
+ | |||
+ | <code typoscript> | ||
+ | lib.contentElement.settings.media.popup.linkParams.title.data = file: | ||
+ | </ | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==== 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 ==== | ||
Mit verschachtelten '' | Mit verschachtelten '' | ||
Zeile 34: | Zeile 83: | ||
---- | ---- | ||
- | ===== Header-Image: last ===== | + | ==== Header-Image |
- | Das jeweils letzte | + | |
+ | <wrap caution> | ||
<code typoscript> | <code typoscript> | ||
- | lib.headerimg | + | lib.headerimage |
- | lib.headerimg | + | lib.headerimage |
data = levelmedia: | data = levelmedia: | ||
- | listNum = last | + | listNum = 0 |
wrap = <img src="/ | wrap = <img src="/ | ||
} | } | ||
</ | </ | ||
+ | |||
+ | <wrap caution> | ||
+ | <code typoscript> | ||
+ | lib.headerimage = IMAGE | ||
+ | lib.headerimage { | ||
+ | file { | ||
+ | import = uploads/ | ||
+ | import { | ||
+ | data = levelmedia: -1, slide | ||
+ | listNum = 0 | ||
+ | } | ||
+ | treatIdAsReference = 1 | ||
+ | required = 1 | ||
+ | } | ||
+ | altText.data = page : title | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==== Background-Image aus Seiteneigenschaften ==== | ||
+ | |||
+ | Prinzipiell ähnlich wie das obere Beispiel, nur als IMG_RESOURCE. Dieses cObject gibt nur den Bildpfad aus, kein komplettes '' | ||
+ | |||
+ | **TypoScript: | ||
+ | <code typoscript> | ||
+ | lib.pageBackgroundImage = IMG_RESOURCE | ||
+ | lib.pageBackgroundImage { | ||
+ | file { | ||
+ | import = uploads/ | ||
+ | import.data = levelmedia: | ||
+ | import.listNum = 0 | ||
+ | treatIdAsReference = 1 | ||
+ | required = 1 | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | |||
+ | **Fluid-Template: | ||
+ | <code html> | ||
+ | <div class=" | ||
+ | </ | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==== Vorschaubilder beschneiden, | ||
+ | |||
+ | Hierfür muss nichts in den Templates geändert werden, es genügt die folgende Zeile TypoScript (TYPO3 v8 oder höher): | ||
+ | |||
+ | <code typoscript> | ||
+ | lib.contentElement.settings.media.popup.crop.data = file: | ||
+ | </ | ||
+ | |||
+ | Dies überschreibt die Default-Einstellung '' | ||
+ | |||
+ | ---- | ||
+ | ===== Troubleshooting ===== | ||
+ | |||
+ | ==== TYPO3 6.x zeigt keine Bilder im Frontend an ==== | ||
+ | |||
+ | Im Install Tool prüfen ob, unter '' | ||
+ | Ein weiteres Indiz für eine alte '' | ||
+ | |||
+ | Quelle: https:// |