Wie die richtige src von srcset mit Javascript wählen

Question

Ich habe eine srcset auf meiner Seite

<img src="bg__x-large.png" srcset="bg__small.png 900w, bg__med.png 1200w, bg__large.png 1920w"> 

Dies wird durch eine Parallaxe Skript verwendet, das jetzt nur das Attribut src liest

$(this).css('background-image', 'url(' + $(this).attr('src') + ')'); 

um dies als Hintergrundbild festzulegen.

Wie kann ich den richtigen src aus dem srcset mit jquery lesen?

Answer 1

Verwenden der .currentSrcEigenschaft (im Gegensatz zu .src gegen) des Bildes des aktiven "src" zu bestimmen:

jq: $(this).prop('currentSrc')

Vanilla: this.currentSrc

mdc's HTMLMediaElement.currentSrc docs siehe Mehr Info.