`; card.appendChild(img); card.appendChild(ov); card.addEventListener('click', () => openLB(idx)); grid.appendChild(card); }); } /* ── LIGHTBOX ── */ const lb = document.getElementById('dsgf-lb'); const lbImg = document.getElementById('dsgf-lb-img'); const lbCtr = document.getElementById('dsgf-lb-counter'); function openLB(idx) { lbIdx = idx; lbImg.src = current[idx].url; lbCtr.textContent = (idx+1) + ' / ' + current.length; lb.classList.add('open'); document.body.style.overflow = 'hidden'; } function closeLB() { lb.classList.remove('open'); document.body.style.overflow = ''; } function stepLB(dir) { lbIdx = (lbIdx + dir + current.length) % current.length; lbImg.src = current[lbIdx].url; lbCtr.textContent = (lbIdx+1) + ' / ' + current.length; } document.getElementById('dsgf-lb-close').addEventListener('click', closeLB); document.getElementById('dsgf-lb-prev').addEventListener('click', () => stepLB(-1)); document.getElementById('dsgf-lb-next').addEventListener('click', () => stepLB(1)); lb.addEventListener('click', e => { if(e.target === lb) closeLB(); }); document.addEventListener('keydown', e => { if(!lb.classList.contains('open')) return; if(e.key==='Escape') closeLB(); if(e.key==='ArrowLeft') stepLB(-1); if(e.key==='ArrowRight') stepLB(1); }); /* ── INIT ── */ renderGrid(); })();