[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