Hallo,

ich versuche gerade eine Seite mit Responsive Images umzusetzen. Die
6.2er Möglichkeiten nutze ich auch, habe aber das Problem das alle
Bilder in den verschiedenen Auflösungen geladen werden. Wenn ich ein
Bild auf die Seite stelle wird das Original, das ja  überdimensioniert
in fileadmin abgelegt ist im src des IMG eingetragen. Das bedeutet aber
auch das das Original geladen wird.

Wenn ich die Seite z.B. mittels tools.pingdom.com prüfe, wird eine große
Datenmenge der Bilder angezeigt. Auf einer Langsamen Internetverbindung
macht sich die Ladezeit auch bemerkbar. Auf dem iPhone lädt es auch
dementsprechend lange. Das Bild hat ja auch im Original 600kB

Sollte dieses src Bild nicht komplett weg sein? Die anderen 3 Bilder in
srcset existieren zwar auf dem Server, werden aber nicht benutzt. Egal
in welcher Fenstergröße es wird immer nur das Original Bild angezeigt
und dann über den img {width: 100%} auf die notwendige Größe skaliert.

<img src="/fileadmin/Bilder%20Dokumente/dummy/Ansicht1.jpg 
<view-source:http://wwl2014.leicht.info/fileadmin/Bilder%20Dokumente/dummy/Ansicht1.jpg>"
 
     srcset="/fileadmin/_processed_/csm_Ansicht1_1dae772559.jpg 300w,
             fileadmin/_processed_/csm_Ansicht1_f1178cb7ea.jpg 600w 2x,
             fileadmin/_processed_/csm_Ansicht1_2664ab2299.jpg 600w" alt="">


Muss ich noch ein JS einbinden damit das klappt?
Irgendwie kann ich mir nicht vorstellen wie das ganze funktionieren soll.

Besten Dank für Infos

Christian
Mail: use...@schani.com 

_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Reply via email to