Files
2025-10-09 21:38:00 +05:30

98 lines
3.0 KiB
JavaScript

document.addEventListener('DOMContentLoaded', function() {
const galleryContainer = document.getElementById('gallery-container');
const modal = document.getElementById('myModal');
const modalImg = document.getElementById('img01');
const closeBtn = document.getElementsByClassName('close')[0];
const imageFiles = [
"art/wallpaper_001.png",
"art/wallpaper_002.png",
"art/wallpaper_003.png",
"art/wallpaper_004.png",
"art/wallpaper_005.png",
"art/wallpaper_006.png",
"art/wallpaper_007.png",
"art/wallpaper_008.png",
"art/wallpaper_009.png",
"art/wallpaper_010.png",
"art/wallpaper_011.png",
"art/wallpaper_012.png",
"art/wallpaper_013.png",
"art/wallpaper_014.png",
"art/wallpaper_015.png",
"art/wallpaper_016.png",
"art/wallpaper_017.png",
"art/wallpaper_018.png",
"art/wallpaper_019.png",
"art/wallpaper_031.png",
"art/wallpaper_032.png",
"art/wallpaper_033.png",
"art/wallpaper_034.png",
"art/wallpaper_035.png",
"art/wallpaper_036.png",
"art/wallpaper_037.png",
"art/wallpaper_038.png",
"art/wallpaper_039.png",
"art/wallpaper_040.png",
"art/wallpaper_041.png",
"art/wallpaper_042.png",
"art/wallpaper_043.png",
"art/wallpaper_044.png",
"art/wallpaper_046.png",
"art/wallpaper_047.png",
"art/wallpaper_048.png",
"art/wallpaper_049.png",
"art/wallpaper_055.png",
"art/wallpaper_057.png",
"art/wallpaper_058.png",
"art/wallpaper_059.png",
"art/wallpaper_060.png",
"art/wallpaper_061.png",
"art/wallpaper_062.png",
"art/wallpaper_063.png",
"art/wallpaper_064.png",
"art/wallpaper_065.png",
"art/wallpaper_066.png",
"art/wallpaper_067.png",
"art/wallpaper_068.png",
"art/wallpaper_069.png",
"art/wallpaper_070.png",
"art/wallpaper_071.png",
"art/wallpaper_072.png",
"art/wallpaper_073.png",
"art/wallpaper_074.png",
"art/wallpaper_075.png",
"art/wallpaper_076.png",
"art/wallpaper_079.png",
"art/wallpaper_080.png",
"art/wallpaper_085.png",
"art/wallpaper_086.png",
"art/wallpaper_087.png",
"art/wallpaper_088.png",
];
imageFiles.forEach(filename => {
const img = document.createElement('img');
img.src = filename;
img.alt = filename; // Sets alt text to the filename
img.onclick = function() {
modal.style.display = "block";
modalImg.src = this.src;
}
galleryContainer.appendChild(img);
});
closeBtn.onclick = function() {
modal.style.display = "none";
}
modal.onclick = function(event) {
if (event.target === modal) {
modal.style.display = "none";
}
}
});