var dots=Array.prototype.slice.call(root.querySelectorAll("[data-car-dot]")); var idx=0,timer=null,resumeT=null,tx=null,ty=null; function mark(el,on){el.classList.toggle("is-active",on); var p=el.parentElement;if(p&&p.tagName==="A"){p.classList.toggle("is-active",on)}} function show(n){idx=(n+imgs.length)%imgs.length; imgs.forEach(function(m,k){mark(m,k===idx)}); dots.forEach(function(d,k){d.classList.toggle("is-active",k===idx)});} function stop(){if(timer){clearInterval(timer);timer=null}} function start(){if(noAuto)return;stop();timer=setInterval(function(){show(idx+1)},AUTO)} function manual(n){show(n);stop();clearTimeout(resumeT);resumeT=setTimeout(start,RESUME)} root.addEventListener("click",function(e){ var d=e.target&&e.target.closest?e.target.closest("[data-car-dot]"):null; if(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(fun