如何使用javascript从srcset中选择正确的src

Question

我的页面上有一个srcset

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

这是由视差脚本使用,现在只读取src属性

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

将其设置为背景图像.

如何使用jquery从srcset中读取正确的src？

Answer 1

使用图像的.currentSrc 属性(而不是.src图像)来确定活动的"src":

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

香草: this.currentSrc

有关详细信息,请参阅mdc的HTMLMediaElement.currentSrc文档.