27 lines
693 B
JavaScript
27 lines
693 B
JavaScript
|
/*
|
||
|
|
* Visual Portfolio images lazy load fallback for browsers
|
||
|
|
* which does not support CSS :has()
|
||
|
|
*/
|
||
|
|
|
||
|
|
// Lazyloaded - remove preloader images placeholder effect.
|
||
|
|
document.addEventListener('lazybeforeunveil', (e) => {
|
||
|
|
const vpfImgWrapper = e.target.closest(
|
||
|
|
'.vp-portfolio__item-img, .vp-portfolio__thumbnail-img'
|
||
|
|
);
|
||
|
|
|
||
|
|
if (vpfImgWrapper) {
|
||
|
|
vpfImgWrapper.classList.add('vp-has-lazyloading');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
document.addEventListener('lazyloaded', (e) => {
|
||
|
|
const vpfImgWrapper = e.target.closest(
|
||
|
|
'.vp-portfolio__item-img, .vp-portfolio__thumbnail-img'
|
||
|
|
);
|
||
|
|
|
||
|
|
if (vpfImgWrapper) {
|
||
|
|
vpfImgWrapper.classList.add('vp-has-lazyloaded');
|
||
|
|
vpfImgWrapper.classList.add('vp-has-lazyloading');
|
||
|
|
}
|
||
|
|
});
|