From a77d05be0fbebe444ce960fcf1147451800de81b Mon Sep 17 00:00:00 2001 From: Marek Grzybek Date: Thu, 24 Jul 2014 14:48:59 +0200 Subject: [PATCH] v.0.2.0 --- dist/baguetteBox.min.css | 2 +- dist/baguetteBox.min.js | 4 ++-- package.json | 2 +- src/baguetteBox.js | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/dist/baguetteBox.min.css b/dist/baguetteBox.min.css index 01d00b0f..3a2b8ddd 100644 --- a/dist/baguetteBox.min.css +++ b/dist/baguetteBox.min.css @@ -1 +1 @@ -#baguetteBoxOverlay{display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBoxOverlay .fullImage img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBoxOverlay .fullImage{height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}#baguetteBoxOverlay .fullImage:before{content:"";display:inline-block;height:50%}#baguetteBoxOverlay.visible{opacity:1}.baguetteBoxButton{position:absolute;cursor:pointer;outline:0}.baguetteBoxButton#nextButton,.baguetteBoxButton#previousButton,.baguetteBoxButton.arrowButton{display:inline-block;top:calc(50% - 30px);width:45px;height:60px;padding:0;border:0;border-radius:15%;background-color:rgba(0,0,0,.4);-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBoxButton#nextButton:hover,.baguetteBoxButton#previousButton:hover,.baguetteBoxButton.arrowButton:hover{background-color:rgba(0,0,0,.8)}#nextButton{right:16px}#previousButton{left:16px}#baguetteBoxSlider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease;transition:left .4s ease} \ No newline at end of file +#baguetteBoxOverlay{display:none;opacity:0;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBoxOverlay.visible{opacity:1}#baguetteBoxOverlay .fullImage{display:inline-block;width:100%;height:100%;text-align:center}#baguetteBoxOverlay .fullImage figure{display:inline-block;position:relative;margin:0;max-height:100%;max-width:100%}#baguetteBoxOverlay .fullImage img{max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBoxOverlay .fullImage figcaption{position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBoxOverlay .fullImage:before{content:"";display:inline-block;height:50%}#baguetteBoxSlider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease;transition:left .4s ease}#baguetteBoxSlider.bounceFromRight{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBoxSlider.bounceFromLeft{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}.baguetteBoxButton{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;border-radius:15%;background-color:rgba(68,68,68,.5);-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBoxButton:hover{background-color:rgba(68,68,68,.8)}.baguetteBoxButton#nextButton,.baguetteBoxButton#previousButton,.baguetteBoxButton.arrowButton{top:calc(50% - 30px);width:45px;height:60px}#nextButton{right:16px}#previousButton{left:16px}#closeButton{top:20px;right:24px;width:30px;height:30px}@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}} \ No newline at end of file diff --git a/dist/baguetteBox.min.js b/dist/baguetteBox.min.js index 33df17ff..8905bbfc 100644 --- a/dist/baguetteBox.min.js +++ b/dist/baguetteBox.min.js @@ -1,6 +1,6 @@ /*! * baguetteBox.js * @author feimosi - * @version 0.1.0 + * @version 0.2.0 */ -var baguetteBox=function(e){function t(){u=document.getElementById(y),u||(u=document.createElement("div"),u=document.querySelector("body").appendChild(u),u.id=y),d=document.createElement("div"),d=u.appendChild(d),d.id=w,d.style.left="0%",g=document.createElement("button"),g.id="previousButton",g.className="baguetteBoxButton",g.innerHTML=f,g=u.appendChild(g),m=document.createElement("button"),m.id="nextButton",m.className="baguetteBoxButton",m.innerHTML=v,m=u.appendChild(m),p=document.createElement("button"),p.id="closeButton",p.innerHTML=h,p=u.appendChild(p),p.style.display="none",u.addEventListener("click",function(e){e.target&&"IMG"!==e.target.nodeName&&o()},!1),document.querySelector("#previousButton").addEventListener("click",function(e){e.stopPropagation(),r()},!1),document.querySelector("#nextButton").addEventListener("click",function(e){e.stopPropagation(),l()},!1),window.addEventListener("keydown",function(e){switch(e.keyCode){case 37:r();break;case 39:l();break;case 27:o()}},!1)}function n(e){if("block"!==u.style.display){for(var t=0;tB.length-1)){var t=B[e];t.innerHTML=''}}function l(){b<=k.length-2&&(b++,a())}function r(){b>=1&&(b--,a())}function a(){d.style.left=100*-b+"%",s()}function s(){b<=k.length-2&&i(b+1),b>=1&&i(b-1)}function c(){var e=document.createElement("div");return e.className="fullImage",e}var u,d,g,m,p,f='',v='',h='',y="baguetteBoxOverlay",w="baguetteBoxSlider",b=0,k=(document.querySelectorAll(e),document.querySelectorAll(e+" a")),B=[];t(),[].forEach.call(k,function(e,t){e.addEventListener("click",function(e){e.preventDefault(),n(t)},!1)})}; \ No newline at end of file +var baguetteBox=function(e){function t(){n(),[].forEach.call(B,function(e,t){e.dataset.baguetteBoxId=t,N[t]=e.querySelectorAll("a"),[].forEach.call(N[t],function(e,n){e.addEventListener("click",function(e){e.preventDefault(),o(t),l(n)},!1)})})}function n(){g=document.getElementById(k),g||(g=document.createElement("div"),g=document.querySelector("body").appendChild(g),g.id=k,f=document.createElement("div"),f=g.appendChild(f),f.id=E,f.style.left="0%",p=document.createElement("button"),p.id="previousButton",p.innerHTML=y,p=g.appendChild(p),h=document.createElement("button"),h.id="nextButton",h.innerHTML=b,h=g.appendChild(h),v=document.createElement("button"),v.id="closeButton",v.innerHTML=w,v=g.appendChild(v),p.className=h.className=v.className="baguetteBoxButton",i())}function i(){g.addEventListener("click",function(e){e.target&&"IMG"!==e.target.nodeName&&r()},!1),document.querySelector("#previousButton").addEventListener("click",function(e){e.stopPropagation(),u()},!1),document.querySelector("#nextButton").addEventListener("click",function(e){e.stopPropagation(),c()},!1),window.addEventListener("keydown",function(e){switch(e.keyCode){case 37:u();break;case 39:c();break;case 27:r()}},!1)}function o(e){if(x!==e){for(x=e;f.firstChild;)f.removeChild(f.firstChild);L=[];for(var t=0;tL.length-1)){var t=L[e];imageElement=N[x][e],imageCaption=imageElement.dataset.caption,imageCaption="undefined"!=typeof imageCaption?"
"+imageCaption+"
":"",t.innerHTML='
'+imageCaption+"
"}}function c(){C<=L.length-2?(C++,d()):(f.className="bounceFromRight",setTimeout(function(){f.className=""},400))}function u(){C>=1?(C--,d()):(f.className="bounceFromLeft",setTimeout(function(){f.className=""},400))}function d(){f.style.left=100*-C+"%",m()}function m(){C<=L.length-2&&s(C+1),C>=1&&s(C-1)}var g,f,p,h,v,y='',b='',w='',k="baguetteBoxOverlay",E="baguetteBoxSlider",C=0,x=-1,B=document.querySelectorAll(e),N={},L=[];t()}; \ No newline at end of file diff --git a/package.json b/package.json index 6d2d50d0..facd72d6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "baguetteBox.js", - "version": "0.1.0", + "version": "0.2.0", "description": "Simple and easy to use lightbox script", "main": "gulpfile.js", "devDependencies": { diff --git a/src/baguetteBox.js b/src/baguetteBox.js index 7a8879fe..ed9dbec7 100644 --- a/src/baguetteBox.js +++ b/src/baguetteBox.js @@ -1,7 +1,7 @@ /*! * baguetteBox.js * @author feimosi - * @version 0.1.0 + * @version 0.2.0 */ var baguetteBox = function(selector) {