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
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Antwort per Email an