Pour connaître avec #Javascript quelle est l’image réellement utilisée dans un <picture>
doté de <source>
et/ou de srcset
: c’est dans la valeur currentSrc
de l’<img>
.
$("#logo img").on("load", function() {
console.log($(this)[0].currentSrc );
});
Du coup, puisque c’est le currentSrc
de la balise <img>
qui contient ça, ça fonctionne tout aussi bien avec un PictureFill
(pour les navigateurs qui ne comprennent pas <picture><source>
).