[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