Add experiences slider
This commit is contained in:
@@ -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();
|
||||
|
Reference in New Issue
Block a user