15. 06. 2015, 15:12

Hallo ins Forum,

ich möchte für kleine (Smartphones), mittlere (Tablets) und große (Monitore) Auflösungen die Bilder anpassen. Hierzu habe ich alles installiert und eingebunden. Ich nutze den <picture> Tag und habe die „sourceCollection“ definiert. Funktioniert soweit alles.

Mein Problem ist nun aber gem. diesem Artikel: [url]http://blog.kulturbanause.de/2014/09/responsive-images-srcset-sizes-adaptive/[/url] im Abschnit "Art Direction – Das Motiv verändern", dass ich jeweils ein [b]anderes[/b] Bild laden will.

Beim derzeitigen Verfahren, wird ja nur das Bild neu bereichnet und in kleinerer Dateigröße ausgegeben. Ich möchte jedoch für die drei möglichen Größen in Abhängigkeit der MediaQuery ein anderes Bild.

Wie kann man das realisieren?

Danke für ein bisschen Input und Gruß
mimii