45 lines
1.6 KiB
JavaScript
45 lines
1.6 KiB
JavaScript
const jsonData = [
|
|
{
|
|
"src": "/assets/back.jpeg",
|
|
"title": "Image Title 1",
|
|
"description": "Description for image 1 goes here."
|
|
},
|
|
{
|
|
"src": "/assets/background.jpg",
|
|
"title": "Image Title 2",
|
|
"description": "Description for image 2 goes here."
|
|
},
|
|
{
|
|
"src": "/assets/backgroundImage.png",
|
|
"title": "Image Title 3",
|
|
"description": "Description for image 3 goes here."
|
|
},
|
|
{
|
|
"src": "/assets/beanieImage.png",
|
|
"title": "Image Title 4",
|
|
"description": "Description for image 4 goes here."
|
|
}
|
|
];
|
|
let currentSlide = 0;
|
|
function updateSlide(){
|
|
const slide = jsonData[currentSlide];
|
|
document.getElementById('slideImage').src = slide.src;
|
|
document.getElementById('imageTitle').textContent = slide.title;
|
|
document.getElementById('imageDescription').textContent = slide.description;
|
|
}
|
|
document.getElementById('nextButton').addEventListener('click', () => {
|
|
currentSlide = (currentSlide + 1) % jsonData.length;
|
|
console.log(currentSlide)
|
|
updateSlide();
|
|
})
|
|
document.getElementById('prevButton').addEventListener('click', () => {
|
|
currentSlide = (currentSlide - 1 + jsonData.length) % jsonData.length;
|
|
updateSlide();
|
|
})
|
|
updateSlide();
|
|
let parentMainContainer = document.getElementById('parentMainContainer');
|
|
let gallerySliderId = document.getElementById('gallerySliderId');
|
|
function closeGallery(){
|
|
gallerySliderId.classList.add('hidden');
|
|
|
|
} |