Responsive Bilddateien

[Matthias Scharwies]

Serrvus Berrnd!

Deswegen versuche ich seit Stunden mit srcset oder <picture> hinzubekommen, dass die Bilder ausgetauscht werden, erhalte aber immer nur ne weiße Seite. Was mache ich falsch?

<picture>
<source media="(min-width:50em)" srcset="vikke_large.jpg">
<source srcset="vikke_small.jpg">
<img src="vikke_medium.jpg" alt="VikKe">
</picture>

Wenn selbst beim img nichts erscheint, tippe ich auf eine falsche Referenzierung:

• In welchem Ordner befinden sich die Bilder?
• Sind die Bildnamen genauso wie das src-, bzw. srcset-Attribut geschrieben?
  • (Ich hatte mal scr anstelle von src geschreiben und lange gesucht!)
• Groß- und Kleinschreibung, bes, bei .JPG und .jpg.

Herzliche Grüße Matthias

Matthias Scharwies