Responsive Grafiken

[sindyho0374]

Hallo Freunde.
Hab wiedereinmal ein kleines Problem wo ich nicht weiterkomme.

Hab einmal die Erklärung von https://blog.kulturbanause.de/2014/09/responsive-images-srcset-sizes-adaptive/ ausprobiert. Geht auch alles soweit.

hier der Code:

<img src="small.jpg" srcset="small.jpg 320w, medium.jpg 600w, large.jpg 900w" alt="">

Wie ihr sehen könnt liegen die Bilder direkt im Verzeichnis wo auch die index.php liegt.
Wenn ich aber die Bilder aus einem Ordner heraus laden will funktioniert es nicht.

<img src="images/small.jpg" srcset="small.jpg 320w, medium.jpg 600w, large.jpg 900w" alt="">

An was kann das liegen? Eigentlich sollte es doch funktionen denn ich möchte doch Ordnung und Übersicht erhalten.

 

[buerzel]

Deine srcset-Anweisung muss natürlich auch den Pfad zum Ordner erhalten.

 

[sindyho0374]

Das habe ich auch schon probiert funktioniert aber auch nicht.

 

[buerzel]

Setz mal noch einen Slash vor images.

PS: Man kann das auch so machen:

<img
srcset="
  url size,
  url size,
  url size
"
src="default url"
>

 

[sindyho0374]

<img
srcset="
  url size,
  url size,
  url size
"
src="default url"
>

Du hattest Recht mit dem Slash. Man das ist mir aber jetzt peinlich.
Ich weiss das man es auch so machen kann, mir ging es einfach nur um die Pfadangabe deshalb nur das einfache Beispiel.
Ich danke dir nochmals und sende Liebe Grüße nach Kreuzberg.

 

[sindyho0374]

Die Pfadangabe passt ja nun, leider besteht nun das Problem das im Chrome-Browser (Version: 69.0.3497.92) die Bilder nicht ausgetauscht werden. Laut wird srcset aber untersützt.

Kann man dagegen etwas tun?

 

[buerzel]

Schon in den Enrwicklermodus umgeschaltet und geschaut wo es hakt?

 

[sindyho0374]

Ja das hab ich gemacht. Habe mir sogar den Chrome Canary runtergeladen und nicht einmal da funktioniert es.
Auch selber das Beispiel von https://media.kulturbanause.de/2014/09/responsive-images/srcset-sizes-3.html funktioniert nicht.