❮
❯
✕
`;
document.body.appendChild(ov);
const imgEl=ov.querySelector('#lb-img');
const prev=ov.querySelector('#lb-prev'), next=ov.querySelector('#lb-next'), close=ov.querySelector('#lb-close');
const leftZ=ov.querySelector('#lb-leftZone'), rightZ=ov.querySelector('#lb-rightZone');
let idx=0, open=false, startX=null;
const full=(img)=> img.getAttribute('data-full') || img.src;
const show=(i)=>{ idx=(i+imgs.length)%imgs.length; imgEl.src=full(imgs[idx]); };
const openBox=(i)=>{ open=true; document.documentElement.style.overflow='hidden'; ov.classList.add('is-open'); show(i); };
const closeBox=()=>{ open=false; ov.classList.remove('is-open'); document.documentElement.style.overflow=''; imgEl.src=''; };
imgs.forEach((img,i)=>{ img.style.cursor='zoom-in'; img.addEventListener('click',e=>{e.preventDefault(); openBox(i);}); });
prev.addEventListener('click',()=>show(idx-1));
next.addEventListener('click',()=>show(idx+1));
close.addEventListener('click',closeBox);
ov.addEventListener('click',e=>{ if(!e.target.closest('#lb-stage')) closeBox(); });
leftZ.addEventListener('click',()=>show(idx-1));
rightZ.addEventListener('click',()=>show(idx+1));
window.addEventListener('keydown',e=>{ if(!open) return; if(e.key==='Escape') closeBox(); else if(e.key==='ArrowLeft') show(idx-1); else if(e.key==='ArrowRight') show(idx+1); });
imgEl.addEventListener('touchstart',e=>{ startX=e.touches[0].clientX; },{passive:true});
imgEl.addEventListener('touchmove',e=>{ if(startX===null) return; const dx=e.touches[0].clientX-startX; if(Math.abs(dx)>40){ if(dx>0) show(idx-1); else show(idx+1); startX=null; } },{passive:true});
imgEl.addEventListener('touchend',()=>{ startX=null; });
})();ore/uploads/products/m22056475609/1.jpg" alt="">