Hintergrundbild wechseln

[Walchi]

Hallo Admin,

danke für Deine Antwort.

Zuerst mal der Sinn des ganzen - wir betreiben eine Website - diese läuft unter ModX. Jetzt haben wir ein Geschwindigkeitsproblem (zumindest lt Page Insights). Besser ist es schon geworden, es wird einiges lazy geladen.

Aber wir wollen zuerst das Headerbild in einer geringen Auflösung drinhaben - und danach mit einer Funktion gegen das scharfe (ansonsten identische Bild) austauschen wollen. 

Auch deine Variante hat nicht funktioniert - zumindest nicht beim Headerbild. Habe jetzt die Website offline abgespeichert, und einen Teil nach dem anderen entfernt. Bis zum Kern hin. Und siehe da:

Code:

<picture>
<source media="(min-width:661px)" srcset="assets/images/Header_Tom/Winter/Winterspass_Header-gross.jpg">
<source media="(max-width:660px)" srcset="assets/images/Header_Tom/Winter/Winterspass_Header-klein.jpg">
<img id="headImageImg" src="img/px.webp" data-src="assets/images/Header_Tom/Winter/Winterspass_Header-gross.jpg" alt="" width="2000" height="1000"/>
</picture>

Wenn ich das img-Tag aus dem Picture-Tag rausnehme, kann ich es ändern. Aber ich brauche dieses Picture-Tag. um responsive zu sein? Und es kommt aus ModX - ich kann es nicht so einfach ändern.

Hat wer eine Idee, wie man innerhalb des picture-Tags das Bild ändern kann? Ich kann das aktuelle Bild auslesen, aber es nicht beschreiben. Meine Testseite ist angepasst, das man das Problem sieht,

Hat wer eine Idee - Google hat mir die Antwort zum Auslesen ausgespuckt, aber zum Schreiben habe ich nichts gefunden, 

LG Walchi