[ERLEDIGT] Auflösungsweiche

Hallo,

Vorweg: Ich bin, was Javascript, CSS und HTML angeht ein blutiger Anfänger.
Ich bin dabei eine Website zu erstellen, die zu großen Teilen aus Bildern besteht, weshalb eine gewöhnliche CSS Weiche wenig Sinn macht, da - vor allem auf Mobilgeräten - die Ladezeit deutlich zu lang ist. Und so die Möglichkeit besteht, kleinere Bilddateien einzubinden, um bei größeren Auflösungen trotzdem gute Bildqualität zu gewährleisten.

Gibt es eine Möglichkeit, Javascript oder AJAX die jeweilige Seite nach Prüfung der Auflösung aus der html-Datei auszulesen und dann direkt im Browser zu laden, ohne die URL zu ändern?

Danke schon mal im Vorraus für die Hilfe.

Grüße,
Fend

Es geht weniger um den Speicherplatz, als um das Datenvolumen, dass der Besucher "herunterladen" muss, und das ist in diesem Fall ja der eigentliche Knackpunkt, der bei deinem Verschlag auch nicht umgangen wird.
Laut der Übersicht ist srcset ja auch, abgesehen von Opera Mini und Android <5.1, prinzipiell möglich und nur nicht gänzlich unterstützt, was kein großes Problem ist, da ja, eben für diese Browser, eine Standard Version des Bildes zusätzlich abgelegt ist - wenn ich dass jetzt richtig interpretiere, was ich bisher gelesen habe.
Und da es mir in erster Linie um Mobile Geräte geht, ist fehlender IE Support nicht allzu dramatisch.

Grüße,
Fend

Ähm, also ich verstehe das anders:
http://blog.kulturbanause.de/2014/09/responsive-images-srcset-sizes-adaptive/#chapter5

Es gibt zwar die Möglichkeit mit höherer Auflösung, die du meinst, aber der Austausch des Bildes, angepasst an den Viewport wäre ja eigentlich das, was ich benötige, um unnötig große Bilddetails nicht zu übertragen.

Grüße,
Fend