Add experiences slider

This commit is contained in:
samaradel
2023-05-07 13:03:28 +03:00
parent c7f189d0d1
commit 830db2cd72
3 changed files with 35 additions and 32 deletions

View File

@@ -226,29 +226,24 @@ if (document.getElementById("gallery-hash-restaurant-2") !== null) {
}
// Experiences
if (document.getElementById("gallery-hash-experiences") !== null) {
const experiences = lightGallery(
document.getElementById("gallery-hash-experiences"),
{
dynamic: true,
hash: false,
galleryId: 2,
dynamicEl: [
{ src: "../images/experiences/exper1.jpg" },
{ src: "../images/experiences/exper2.jpg" },
{ src: "../images/experiences/exper3.jpg" },
{ src: "../images/experiences/exper4.jpg" },
{ src: "../images/experiences/exper5.jpg" },
{ src: "../images/experiences/exper6.jpg" },
{ src: "../images/experiences/exper7.jpg" },
{ src: "../images/experiences/exper8.jpg" },
],
}
);
const lgContainer = document.getElementById("inline-gallery-container");
const inlineGallery = lightGallery(lgContainer, {
container: lgContainer,
download: false,
dynamic: true,
closable: false,
counter: false,
slideDelay: 300,
dynamicEl: [
{ src: "../images/experiences/exper1.jpg" },
{ src: "../images/experiences/exper2.jpg" },
{ src: "../images/experiences/exper3.jpg" },
{ src: "../images/experiences/exper4.jpg" },
{ src: "../images/experiences/exper5.jpg" },
{ src: "../images/experiences/exper6.jpg" },
{ src: "../images/experiences/exper7.jpg" },
{ src: "../images/experiences/exper8.jpg" },
],
});
document
.getElementById("gallery-hash-experiences")
.addEventListener("click", function () {
experiences.openGallery(0);
});
}
inlineGallery.openGallery();