Stack Overflow на русском Asked by insanus on January 4, 2021
Есть такая конструкция:
<picture>
<source srcset="mdn-logo.svg" type="image/svg+xml">
<img src="mdn-logo.png" alt="MDN">
</picture>
Как узнать, с помощью JS, какая из картинок активна?
Думаю, что в вашем случае поможет свойство currentSrc
:
let oImg = document.querySelector('img');
oImg.onload = function() { console.log( this.currentSrc ); }
oImg.onerror = function() { console.log( 'Изображение недоступно.' ); }
<picture>
<source srcset="https://www.w3.org/html/logo/downloads/HTML5_Badge.svg" type="image/svg+xml">
<img src="https://www.w3.org/html/logo/downloads/HTML5_Badge_512.png" alt="MDN">
</picture>
Correct answer by UModeL on January 4, 2021
Get help from others!
Recent Questions
Recent Answers
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP