resources/src/js/app.js
import Splide from "@splidejs/splide";
import GLightbox from 'glightbox';
import ImageCompare from "image-compare-viewer";
document.addEventListener( 'DOMContentLoaded', function() {
// Splide
const checkSplide = document.getElementsByClassName('splide');
if (checkSplide !== null) {
for (let i = 0; i < checkSplide.length; i++) {
new Splide(checkSplide[i], {
type: 'loop',
padding: '5rem',
pagination: false,
}).mount();
}
}
// GLightbox
const checkLightbox = document.querySelector(".glightbox");
if (checkLightbox !== null) {
const lightbox = GLightbox();
}
// Image Compare
const viewers = document.querySelectorAll(".image-compare");
if (viewers !== null) {
viewers.forEach((element) => {
let view = new ImageCompare(element).mount();
});
}
}, false );