Я использую Lazysizes + lightGallery для загрузки изображения. Но когда открылось всплывающее окно, то [src] также изменилось
Это конфиг js Lazysizes:
window.lazySizesConfig = window.lazySizesConfig || {};
window.lazySizesConfig.init = false;
window.lazySizesConfig.loadMode = 1;
window.lazySizesConfig.expand = 0;
window.lazySizesConfig.expFactor = 1.4;
window.lazySizesConfig.hFac = 0.4;
window.addEventListener("load", function() {
lazySizes.init();
});
Это HTML:
<img width="500" height="500" class="asi-img lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8XA8AAisBVHpjGM0AAAAASUVORK5CYII=" data-src="src.jpg" ">
Это HTML-код загрузки:
<img width="500" height="500" class="asi-img lazyloaded" src="src.jpg" data-src="src.jpg" alt="padagirlss" style="width: 204px; height: 205px; margin-left: -102px; margin-top: -102.5px;">
Результат по окончании загрузки:
Это HTML При открытии всплывающего окна:
<img width="500" height="500" class="asi-img lazyloaded" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8XA8AAisBVHpjGM0AAAAASUVORK5CYII=" data-src="src.jpg" alt="padagirlss" style="width: 205px; height: 205px; margin-left: -102.5px; margin-top: -102.5px;">
Результат после закрытия всплывающего окна:
Пожалуйста, помогите мне!
Большое спасибо.