thumbs.forEach(function(t,k){t.addEventListener('click',function(){show(k)})}); var gp=document.getElementById('gprev'),gnx=document.getElementById('gnext'); if(gp)gp.addEventListener('click',function(){show(i-1)}); if(gnx)gnx.addEventListener('click',function(){show(i+1)}); var lb=document.getElementById('lb'),im=document.getElementById('lbi'),cp=document.getElementById('lbc'),num=document.getElementById('lbn'); var set=PH,ci=0; function paint(){var f=set[ci];im.src=f.src;im.alt=f.alt||'';cp.textContent=f.cap||'';num.textContent=(ci+1)+' / '+set.length; var one=set.length<2; document.getElementById('lbp').style.display=one?'none':'flex'; document.getElementById('lbnx').style.display=one?'none':'flex';} function open(arr,n){set=arr;ci=n;paint();lb.hidden=false;document.body.style.overflow='hidden'} function close(){lb.hidden=true;im.removeAttribute('src');document.body.style.overflow=''} function step(d){ci=(ci+d+set.length)%set.length;paint();if(set===PH)show(ci)} document.getElementById('gopen').addEventListener('click',function(){open(PH,i)}); [].slice.call(document.querySelectorAll('[data-pl]')).forEach(function(b){ b.addEventListener('click',function(){open(PL,Number(b.getAttribute('data-pl')))}); }); document.getElementById('lbx').addEventListener('click',close); document.getElementById('lbp').addEventListener('click',function(){step(-1)}); document.getElementById('lbnx').addEventListener('click',function(){step(1)}); lb.addEventListener('click',function(e){if(e.target===lb)close()}); document.addEventListener('keydown',function(e){ if(lb.hidden){ if(e.key==='ArrowLeft')show(i-1); if(e.key==='ArrowRight')show(i+1); return; } if(e.key==='Escape')close(); else if(e.key==='ArrowLeft')step(-1); else if(e.key==='ArrowRight')step(1); }); var sx=null; lb.addEventListener('touchstart',function(e){sx=e.touches[0].clientX},{passive:true}); lb.addEventListener('touchend',function(e){if(sx===null)return;var d=e.changedTouches[0].clientX-sx;if(Math.abs(d)>50)step(d>0?-1:1);sx=null},{passive:true}); })();