Как использовать всплывающее окно magnifi c с резервным форматом изображения? Я хочу использовать webp для всех браузеров, которые его поддерживают, но jpeg как запасной вариант. Я хочу развернуть свою страницу на страницах gitlab, поэтому переключение должно выполняться на стороне клиента. Обычно можно сделать что-то подобное
<picture>
<source srcset="/path/to/image.webp" type="image/webp">
<source srcset="/path/to/image.jpeg" type="image/jpeg">
</picture>
, чтобы использовать запасной вариант для webp-формата, но я не знаю, как это сделать с помощью всплывающего окна magnifi c. Вот моя текущая разметка:
<a class="image-popup" title="some title" href="/path/to/image.webp">
<i class="lni lni-zoom-in"></i>
</a>
А вот мой js -код для инициализации magnifi c popup:
$('.image-popup').magnificPopup({
type: 'image',
gallery:{
enabled:true
}
});