[TYPO3-german] Responsive Images srcset funktioniert nicht

Manuel Bachl mb at sinn-zweck.de
Thu Mar 5 09:44:35 CET 2015


Huhu,

ich versuche gerade die Respinsive Images-Variante scrset zum Laufen zu bekommen (das Picture-Tag wäre mir grundsätzlich lieber aber hier klappt noch weniger).

In den Konstanten ist "img-tag with alternate sources as srcset-attribute" ausgewählt.

Ich habe folgendes TS:

tt_content {
	image {
		20.maxW = 200
		20.1 {
			sourceCollection >
			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
				}
			}
			Layout.srcset {
				element = <img xsrc="###SRC###" srcset="###SOURCECOLLECTION###"###PARAMS######ALTPARAMS######SELFCLOSINGTAGSLASH###>
				source = |*|###SRC### ###SRCSETCANDIDATE###,|*|###SRC### ###SRCSETCANDIDATE###
			}
		}
	}
}


Die JavaScript-Datei (https://github.com/filamentgroup/Responsive-Images) habe ich korrekt eingebunden (Quelltext-Check)

Wenn ich meine Seite nun neu lade, bekomme ich gar kein Bild mehr angezeigt.
Der Quelltext meines Bildes ist nach dem Rendern der Seite folgender:

<img alt="Dummybild" src="uploads/pics/dummy.jpg" width="2000" height="1312">

Obwohl die src vorhanden ist wird mir nur das typische "Bild nicht gefunden" angezeigt.

Muss ich noch etwas tun um das zum Laufen zu bekommen? Und wenn ja, was genau?
Ich habe mich übrigens an folgendes Tutorial gehalten: http://t3n.de/magazin/typo3-6-2-lts-responsive-images-235194/
Meine Typo3-Version ist 6.2.10

Würde mich freuen wenn mir jemand helfen kann - gerna auch darüber wenn mir jemand hilft die Picture-Variante zum Laufen zu bekommen.

Grüße
Manuel


More information about the TYPO3-german mailing list