[TYPO3-german] Responsive Images srcset funktioniert nicht
Manuel Bachl
mb at sinn-zweck.de
Thu Mar 5 15:57:41 CET 2015
Quote: Bernd Wilke[2] wrote on Thu, 05 March 2015 15:44
----------------------------------------------------
>
> das bewirkt ja erstmal noch keinerlei Ausgabe.
> Layout ist kein TYPO3-Object.
>
> wo und wie verwendest du es?
> wo und wie hast du das default-Object überschrieben?
>
> bernd
> --
> http://www.pi-phi.de/cheatsheet.html
----------------------------------------------------
Hier mal mein komplettes TS im Root-Template:
Constants:
styles.content.imgtext.layoutKey = srcset
styles.content.imgtext.linkWrap.width = 800
Setup:
config {
# RealURL
prefixLocalAnchors = all
simulateStaticDocuments = 0
absRefPrefix = https://www.example.com/
baseURL = https://www.example.com/
tx_realurl_enable = 1
# Allgemeines
noPageTitle = 2
extTarget = _blank
disablePrefixComment = 1
} # config end
TCAdefaults.tt_content.section_frame=66
tt_content {
stdWrap.innerWrap >
}
tt_content.image.20.maxW = 200
tt_content.image.20.1.sourceCollection {
small {
width = 200
srcsetCandidate = 319w
mediaQuery = (max-width: 319px)
dataKey = small
}
phone {
width = 400
maxW = 400
srcsetCandidate = 599w
mediaQuery = (max-width: 599)
dataKey = phone
}
tablet {
width = 660
maxW = 660
srcsetCandidate =
mediaQuery =
dataKey = tablet
}
tabletRetina {
pixelDensity = 2
width = 1220
maxW = 1220
srcsetCandidate = 2x
mediaQuery =
dataKey = tabletRetina
}
}
..
..
..
..
Aktuell eingebunden ist die srcset.min.js von srcset.min.js
More information about the TYPO3-german
mailing list