d&&root.contains(d)){e.preventDefault();manual(parseInt(d.getAttribute("data-car-dot"),10)||0)} }); root.addEventListener("touchstart",function(e){ if(e.touches.length===1){tx=e.touches[0].clientX;ty=e.touches[0].clientY} },{passive:true}); root.addEventListener("touchend",function(e){ if(tx===null)return; var dx=e.changedTouches[0].clientX-tx,dy=e.changedTouches[0].clientY-ty;tx=ty=null; if(Math.abs(dx)>SWIPE&&Math.abs(dx)>Math.abs(dy)){manual(dx<0?idx+1:idx-1)} },{passive:true}); start(); } var list=document.querySelectorAll("[data-carousel]"); for(var i=0;i'; var ICON_L=SVG+''; var ICON_R=SVG+''; function isOpen(){return !!box&&box.classList.contains("is-open")} function build(){ box=document.createElement("div");box.className="mn-lb"; box.setAttribute("role","dialog");box.setAttribute("aria-modal","true");box.setAttribute("aria-label","写真を拡大表示"); box.innerHTML='' +'' +'' +'' +''; document.body.appendChild(box); img=box.querySelector(".mn-lb-img");cnt=box.querySelector(".mn-lb-count"); prev=box.querySelector(".mn-lb-prev");next=box.querySelector(".mn-lb-next"); box.querySelector(".mn-lb-close").addEventListener("click",function(e){e.stopPropagation();close(false)}); prev.addEventListener("click",function(e){e.stopPropagation();show(idx-1)}); next.addEventListener("click",function(e){e.stopPropagation();show(idx+1)}); box.addEventListener("click",function(){close(false)}); box.addEventListener("touchstart",function(e){ if(e.touches.length===1){tx=e.touches[0].clientX;ty=e.touches[0].clientY} },{passive:true}); box.addEventListener("touchend",function(e){ if(tx===null)return; var dx=e.changedTouches[0].clientX-tx,dy=e.changedTouches[0].clientY-ty;tx=ty=null; if(Math.abs(dx)>SWIPE&&Math.abs(dx)>Math.abs(dy)){show(dx<0?idx+1:idx-1)} },{passive:true}); } function show(n){ var list=groups[cur]||[];if(!list.length)return; idx=(n+list.length)%list.length; img.src=list[idx].getAttribute("href"); var multi=list.length>1; prev.hidden=!multi;next.hidden=!multi;cnt.hidden=!multi; cnt.textContent=(idx+1)+" / "+list.length; if(multi){[idx+1,idx-1].forEach(function(k){var p=new Image();p.src=list[(k+list.length)%list.length].getAttribute("href")})} } function open(g,n){ if(!box)build(); cur=g;show(n); box.classList.add("is-open");document.documentElement.classList.add("mn-lb-open"); try{history.pushState({mnLb:1},"");pushed=true}catch(e){pushed=false} } function hide(){ if(!box)return; box.classList.remove("is-open");document.documentElement.classList.remove("mn-lb-open"); img.removeAttribute("src"); } function close(fromHistory){ if(!isOpen())return; if(!fromHistory&&pushed){pushed=false;history.back();return} pushed=false;hide(); } window.addEventListener("popstate",function(){if(isOpen()){pushed=false;hide()}}); document.addEventListener("keydown",function(e){ if(!isOpen())return; if(e.key==="Escape"){close(false)}else if(e.key==="ArrowLeft"){show(