/*! * baguetteBox.js * @author feimosi * @version 0.7.0 * @url https://github.com/feimosi/baguetteBox.js */var baguetteBox=(function(){var leftArrow=''+ ''+ '',rightArrow=''+ ''+ '',closeX=''+ ''+ ''+ ''+ '';var overlayID='baguetteBox-overlay';var sliderID='baguetteBox-slider';var options={},defaults={captions:true,buttons:'auto',async:false,preload:2,animation:'slideIn'};var supports={};var overlay,slider,previousButton,nextButton,closeButton;var currentIndex=0,currentGallery=-1;var touchStartX;var touchFlag=false;var galleries=[];var imagesMap=[];var imagesArray=[];if(!Array.prototype.forEach){Array.prototype.forEach=function(callback,thisArg){var len=this.length;for(var i=0;i40){touchFlag=true;showPreviousImage();}else if(touch.pageX-touchStartX<-40){touchFlag=true;showNextImage();}});bind(overlay,'touchend',function(event){touchFlag=false;});bind(document,'keydown',function(event){switch(event.keyCode){case 37:showPreviousImage();break;case 39:showNextImage();break;case 27:hideOverlay();break;}});} function prepareOverlay(galleryIndex){if(currentGallery===galleryIndex) return;currentGallery=galleryIndex;setOptions(imagesMap[galleryIndex].options);while(slider.firstChild) slider.removeChild(slider.firstChild);imagesArray.length=0;for(var i=0;i'+ '
'+ '
'+ '';image.onload=function(){var spinner=this.parentNode.querySelector('.spinner');this.parentNode.removeChild(spinner);if(!options.async&&callback) callback();};image.setAttribute('src',imageSrc);figure.appendChild(image);if(options.captions&&imageCaption){figcaption.innerHTML=imageCaption;figure.appendChild(figcaption);} if(options.async&&callback) callback();} function getImageSrc(image){var result=imageElement.getAttribute('href');if(image.dataset){var srcs=[];for(var item in image.dataset){if(item.substring(0,3)==='at-'&&!isNaN(item.substring(3))) srcs[item.replace('at-','')]=image.dataset[item];} keys=Object.keys(srcs).sort(function(a,b){return parseInt(a)=width){result=srcs[keys[i]];break;} result=srcs[keys[i]];}} return result;} function showNextImage(){if(currentIndex<=imagesArray.length-2){currentIndex++;updateOffset();preloadNext(currentIndex);}else{slider.className='bounce-from-right';setTimeout(function(){slider.className='';},400);}} function showPreviousImage(){if(currentIndex>=1){currentIndex--;updateOffset();preloadPrev(currentIndex);}else{slider.className='bounce-from-left';setTimeout(function(){slider.className='';},400);}} function updateOffset(){var offset=-currentIndex*100+'%';if(options.animation==='fadeIn'){slider.style.opacity=0;setTimeout(function(){supports.transforms?slider.style.transform=slider.style.webkitTransform='translate3d('+offset+',0,0)':slider.style.left=offset;slider.style.opacity=1;},400);}else{supports.transforms?slider.style.transform=slider.style.webkitTransform='translate3d('+offset+',0,0)':slider.style.left=offset;}} function testTransformsSupport(){var div=document.createElement('div');return typeof div.style.perspective!=='undefined'||typeof div.style.webkitPerspective!=='undefined';} function testSVGSupport(){var div=document.createElement('div');div.innerHTML='';return(div.firstChild&&div.firstChild.namespaceURI)=='http://www.w3.org/2000/svg';} function preloadNext(index){if(index-currentIndex>=options.preload) return;loadImage(index+1,function(){preloadNext(index+1);});} function preloadPrev(index){if(currentIndex-index>=options.preload) return;loadImage(index-1,function(){preloadPrev(index-1);});} function bind(element,event,callback){if(element.addEventListener) element.addEventListener(event,callback,false);else element.attachEvent('on'+event,callback);} return{run:run};})();