GeneralBackgroundLinkedToCarouselSlideGallery

,i={SDA:function(n){n.preventDefault?n.preventDefault():n.returnValue=!1},XF:function(n,t,i,r){var f,e,u=!1;n.addEventListener("touchstart",function(){f=event.changedTouches[0].pageX;u=!0},!1);n.addEventListener("touchmove",function(n){u&&(n.preventDefault(),e=event.changedTouches[0].pageX,e-f>r?(u=!1,i()):e-f<-r&&(u=!1,t()))},!1);n.addEventListener("touchend",function(){u&&(u=!1)},!1)},YF:function(n,t,i,r){var f,e,u=!1;n.addEventListener("touchstart",function(){f=event.changedTouches[0].pageY;u=!0},!1);n.addEventListener("touchmove",function(n){u&&(n.preventDefault(),e=event.changedTouches[0].pageY,e-f>r?(u=!1,i()):e-f<-r&&(u=!1,t()))},!1);n.addEventListener("touchend",function(){u&&(u=!1)},!1)},XD:function(n,t,r,u){var f,e,o=!1,s=navigator.userAgent;n.addEventListener("mousedown",function(n){s.search(/iPhone/)!=-1||s.search(/iPad/)!=-1||s.search(/iPod/)!=-1||s.search(/Android/)!=-1||n.preventDefault();n.returnValue=!1;f=document.all?event.x:n.pageX;o=!0},!1);n.addEventListener("mousemove",function(s){o&&(s.preventDefault?s.preventDefault():s.returnValue=!1,e=document.all?event.x:s.pageX,e-f>u?(o=!1,r()):e-f<-u&&(o=!1,t()),(e-f>10||e-f<-10)&&n.addEventListener("click",i.SDA,!1))},!1);n.addEventListener("mouseup",function(){((e-f>10||e-f<-10)&&setTimeout(function(){n.removeEventListener("click",i.SDA,!1)},100),o)&&(o=!1)},!1)},YD:function(n,t,r,u){var f,e,o=!1,s=navigator.userAgent;n.addEventListener("mousedown",function(n){s.search(/iPhone/)!=-1||s.search(/iPad/)!=-1||s.search(/iPod/)!=-1||s.search(/Android/)!=-1||n.preventDefault();n.returnValue=!1;f=document.all?event.y:n.pageY;o=!0},!1);n.addEventListener("mousemove",function(s){o&&(i.SDA(s),e=document.all?event.y:s.pageY,e-f>u?(o=!1,r()):e-f<-u&&(o=!1,t()),(e-f>10||e-f<-10)&&n.addEventListener("click",i.SDA,!1))},!1);n.addEventListener("mouseup",function(){((e-f>10||e-f<-10)&&setTimeout(function(){n.removeEventListener("click",i.SDA,!1)},100),o)&&(o=!1)},!1)},MW:function(n,t,i){var r=function(n){var r=window.event||n,u=r.detail?r.detail*-120:r.wheelDelta;if(u<=-120?t():i(),r.preventDefault)r.preventDefault();else return!1},u=/Firefox/i.test(navigator.userAgent)?"DOMMouseScroll":"mousewheel";n.addEventListener(u,r,!1)}},h=function(n,t,i,r,u,f){for(var e,l="."+r,a="."+u,o=n.querySelector("."+t),s=n.querySelector("."+i),h=o.querySelectorAll(l),v=s.querySelectorAll(a),c=h.length;c;)e=Math.floor(Math.random()*c--),o.appendChild(h[e]),s.appendChild(v[e]),c==0?f():(h=o.querySelectorAll(l),v=s.querySelectorAll(a))},f=[],o="",s="",r=n.querySelector(".base"),u=n.querySelector(".gal_waku"),t=u.querySelector(".gal_base"),e;window.addEventListener("load",function(){for(var i=0;i<FR_n9hgusg_dfw_zdw_ln-FR_n9hgusg_dfw_zdw_fn+1;i++)f[i]=new Image,f[i].src=FR_n9hgusg_dfw_zdw_pas+(i+FR_n9hgusg_dfw_zdw_fn)+".jpg",o+='<div class="koboData" style="background-image:url(\''+f[i].src+"');background-size:"+FR_n9hgusg_dfw_zdw_arr[4]+'"><\/div>',s+='<div class="thumb" style="background-image:url(\''+f[i].src+"')\"><\/div>";r.innerHTML=o;t.innerHTML=s;FR_n9hgusg_dfw_zdw_sn<0?h(n,"base","gal_base","koboData","thumb",function(){e(n)}):e(n)});e=function(n){var ut=function(n,t){var i=t.innerHTML;n.innerHTML=i+i},ht=function(n,t,i,r){t.style.transitionDuration=r+"ms";t.style.left=-i.offsetLeft/n.offsetWidth*100+"%";setTimeout(function(){t.style.transitionDuration="0ms"},r+50)},ct=function(n,t,i){for(var r=0;r<t;r++)n[r].style.left=i*r+"%"},lt=function(n,t,i,r){i.style.transitionProperty="left";i.style.left=-r.offsetLeft/t.offsetWidth*100+"%"},at=function(n,t,i,r,u,f){return u<f/4&&(u+=f/2,t.style.left=-1*i[r+f/2].offsetLeft/n.offsetWidth*100+"%"),u>f*3/4&&(u-=f/2,t.style.left=-1*i[r-f/2].offsetLeft/n.offsetWidth*100+"%"),u},vt=function(n,t){return n<t/4&&(n+=t/2),n>t*3/4&&(n-=t/2),n},o;ut(r,r);ut(t,t);var g=n.querySelector(".but_sl"),ft=n.querySelector(".mae"),et=n.querySelector(".tugi"),p=r.querySelectorAll(".koboData"),l=t.querySelectorAll(".thumb"),s=p.length,w,f=FR_n9hgusg_dfw_zdw_sn>=0?vt(FR_n9hgusg_dfw_zdw_sn,s):s/2,nt=0,c=1,tt=!1,v=!1,b=n.querySelector(".guide"),a,it="",k=Copyright,rt=HomePage,ot=MailAddress,pt=ContentType,d={iy:s,ya:da,ke:ds},h=document.createElement("a"),e=function(n,i){tt||(tt=!0,c=n>f?1:-1,nt=f,f=u&&t?at(u,t,l,f,n,s):n,f+=d[rt.substr(8,2)],f%=d[ot.substr(1,2)],document.querySelector(".c_"+k).href.substr(8,2)===k.substr(1,2)&&setTimeout(function(){yt(i)},50))},yt=function(i){clearTimeout(w);af(n,r,da,p[f],p[nt],c,i);u&&t&&ht(u,t,l[f],da);b&&(a[nt%(s/2)].style.backgroundColor=gudef,a[f%(s/2)].style.backgroundColor=gusel);setTimeout(function(){y&&!v&&st();tt=!1},d[ot.substr(2,2)]+100)},st=function(){clearTimeout(w);w=setTimeout(function(){e(f+1)},d[rt.substr(11,2)])};if(n.mp=document.createElement("div"),r.appendChild(n.mp),n.mp.style.position="absolute",n.mp.style.top="0px",n.mp.style.left="0px",n.mp.style.zIndex=0,n.mp.style.width="100%",n.mp.style.height="100%",n.mp.style.display="none",n.mp.style.transitionProperty="transform,left,clip",n.mp.style.backgroundColor="#fff",u&&t)for(t.style.width=thw/(asp/100)+"%",t.style.paddingTop=thw+"%",o=0;o<s;o++)l[o].style.paddingTop=asp+"%",l[o].ind=o,l[o].onclick=function(){this.ind!=f&&e(this.ind)};if(u&&t&&b){for(o=0;o<s/2;o++)it=it+'<div style="position:relative;top:0px;left:0px;display:inline-block;height:18px;width:18px;font-size:12px;color:'+guc+';;cursor:pointer;border-radius:50%;margin:0px 3px;transition-duration:.5s;">'+(o+1)+"<\/div>";for(b.innerHTML=it,a=b.querySelectorAll("div"),o=0;o<s/2;o++)a[o].style.backgroundColor=gudef,a[o].ind=o,a[o].onclick=function(){this.ind!=f&&(this.ind<s/4?(f>=s/4&&f<s/2-3&&(t.style.left=-1*l[f+s/2].offsetLeft/u.offsetWidth*100+"%"),e(this.ind+s/2)):(f>=s/2+3&&(t.style.left=-1*l[f-s/2].offsetLeft/u.offsetWidth*100+"%"),e(this.ind)))}}ft&&(ft.onclick=function(){e(f-1,"x")});et&&(et.onclick=function(){e(f+1,"x")});g&&(g.innerHTML=y?pause:play,g.onclick=function(){y?(clearTimeout(w),y=!1,this.innerHTML=play):(y=!0,this.innerHTML=pause,e(f+1))});typeof i!==undefined&&i.XF(r,function(){c=1;e(f+1,"x")},function(){c=-1;e(f-1,"x")},50);typeof i!==undefined&&i.XD(r,function(){c=1;e(f+1,"x")},function(){c=-1;e(f-1,"x")},50);typeof i!==undefined&&i.YF(r,function(){c=1;e(f+1,"y")},function(){c=-1;e(f-1,"y")},50);typeof i!==undefined&&i.YD(r,function(){c=1;e(f+1,"y")},function(){c=-1;e(f-1,"y")},50);typeof i!==undefined&&i.MW(r,function(){c=1;e(f+1,"y")},function(){c=-1;e(f-1,"y")});u&&t&&(ct(l,s,100),lt(r,u,t,l[f]));b&&(FR_n9hgusg_dfw_zdw_sn>=0?a[FR_n9hgusg_dfw_zdw_sn].style.backgroundColor=gusel:a[0].style.backgroundColor=gusel);n.appendChild(h);h.setAttribute("href",rt);h.setAttribute("class","c_"+k);h.innerHTML=" (C) "+k;h.style.position="absolute";h.style.top=0;h.style.right=0;h.style.zIndex=9999;h.style.width="94px";h.style.textAlign="center";h.style.display="block";h.style.fontSize="10px";h.style.color="#fff";h.style.textDecoration="none";h.style.fontFamily="Meiryo UI";h.style.textShadow="1px 1px 0px #000,0px 3px 6px #000";fb&&(window.addEventListener("blur",function(){y&&!v&&(v=!0,clearTimeout(w))},!1),window.addEventListener("focus",function(){y&&v&&(v=!1,e(f+1))},!1));var b_size=FR_n9hgusg_dfw_zdw_bs,b_size_bu=document.getElementById("FR_n9hgusg_dfw_zdw_os_size");b_size_bu&&(b_size_bu.innerHTML=b_size==="cover"?"contain":"cover",b_size_bu.onclick=function(){this.innerHTML==="cover"?(this.innerHTML="contain",b_size="cover"):(this.innerHTML="cover",b_size="contain");for(var n=0;n<s;n++)p[n].style.backgroundSize=b_size});p[f].style.zIndex=2;p[f].style.opacity=1;y&&!v&&st()}}(document.getElementById("

　このページは、サンプルスライドショーのバナーなどをクリックした際に開く見本ページです。 width:100%;height:90vh;のガイドボタン付きカルーセル連動スライドショーギャラリーです。