Dajana: Responsive Bilddateien

Beitrag lesen

SELF-Forum

Responsive Bilddateien

Dajana (Versionen)
– Informationen zu den Bewertungsregeln

problematische Seite

Guten Abend allerseits,

ich suche Hilfe in Sachen responsive Bildfdateien.

Ich habe eine Webseite, die nur aus einem Foto besteht, als Teaser, mit Weiterleitung auf die (noch) aktuelle Webseite (teste aber hier: http://www.nocturnalhall.com/Vic/vikke.php)

Das Foto soll natürlich responsive sein. Ist es ja auch, aber mit Platz nach unten. 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?

<style>
body {
	background:#FFF;
}
img {
  max-width:100%;
  height:auto;
}
</style>
</head>

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

oder eben

<body>
<img src="vikke_large.jpg" alt="VikKe"
srcset="vikke_large.jpg 1920w, vikke_medium.jpg 960w, vikke_small.jpg 480w">
</body>

Ich danke schonmal im vorraus :)

Beitrag melden
–
Informationen zu den Bewertungsregeln