Responsive Bilddateien
bearbeitet von Matthias ScharwiesGuten 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?
~~~html
<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
~~~html
<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 :)
Responsive Bilddateien
bearbeitet von Matthias ApselGuten 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 :)