diff --git a/dist/BigPicture.js b/dist/BigPicture.js index 83d41a7..63a4fab 100644 --- a/dist/BigPicture.js +++ b/dist/BigPicture.js @@ -351,7 +351,7 @@ // is array of images galleryPosition = position || 0; galleryEls = gallery; - captionContent = gallery[0].caption; + captionContent = gallery[galleryPosition].caption; } else { // is element selector or nodelist galleryEls = [].slice.call( @@ -361,7 +361,7 @@ ); // find initial gallery position var elIndex = galleryEls.indexOf(el); - galleryPosition = position ? position : elIndex !== -1 ? elIndex : 0; + galleryPosition = (position === 0 || position) ? position : (elIndex !== -1 ? elIndex : 0); // make gallery object w/ els / src / caption galleryEls = galleryEls.map(function(el) { return { diff --git a/dist/BigPicture.min.js b/dist/BigPicture.min.js index a0ff133..8a836e6 100644 --- a/dist/BigPicture.min.js +++ b/dist/BigPicture.min.js @@ -1 +1 @@ -!function(){var r,e,a,i,p,c,l,s,f,d,u,b,g,o,m,h,x,v,y,w,_,k,S,n,A,E,M,z,I,C,T,D,L,O=window,N=[],V={},q=document,B="appendChild",P="createElement",G="removeChild",R="innerHTML",H="pointer-events:auto",X="clientHeight",F="clientWidth",U="addEventListener",W=O.setTimeout,Y=O.clearTimeout;function $(){var t=r.getBoundingClientRect();return"transform:translate3D("+(t.left-(a[F]-t.width)/2)+"px, "+(t.top-(a[X]-t.height)/2)+"px, 0) scale3D("+r[F]/i[F]+", "+r[X]/i[X]+", 0)"}function j(t){var r=C.length-1;if(!g){if(0',o}function o(o,t){var n=q[P]("button");return n.className="bp-lr",n[R]='',et(n,t),n.onclick=function(t){t.stopPropagation(),j(o)},n}var r=q[P]("STYLE");r[R]="#bp_caption,#bp_container{bottom:0;left:0;right:0;position:fixed;opacity:0}#bp_container>*,#bp_loader{position:absolute;right:0;z-index:10}#bp_container,#bp_caption,#bp_container svg{pointer-events:none}#bp_container{top:0;z-index:9999;background:rgba(0,0,0,.7);opacity:0;transition:opacity .35s}#bp_loader{top:0;left:0;bottom:0;display:flex;margin:0;cursor:wait;z-index:9;background:0 0}#bp_loader svg{width:50%;max-width:300px;max-height:50%;margin:auto;animation:bpturn 1s infinite linear}#bp_aud,#bp_container img,#bp_sv,#bp_vid{user-select:none;max-height:96%;max-width:96%;top:0;bottom:0;left:0;margin:auto;box-shadow:0 0 3em rgba(0,0,0,.4);z-index:-1}#bp_sv{height:0;padding-bottom:54%;background-color:#000;width:96%}#bp_caption{font-size:.9em;padding:1.3em;background:rgba(15,15,15,.94);color:#fff;text-align:center;transition:opacity .3s}#bp_aud{width:650px;top:calc(50% - 20px);bottom:auto;box-shadow:none}#bp_count{left:0;right:auto;padding:14px;color:rgba(255,255,255,.7);font-size:22px;cursor:default}#bp_container button{position:absolute;border:0;outline:0;background:0 0;cursor:pointer;transition:all .1s}#bp_container>.bp-x{height:41px;width:41px;border-radius:100%;top:8px;right:14px;opacity:.8;line-height:1}#bp_container>.bp-x:focus,#bp_container>.bp-x:hover{background:rgba(255,255,255,.2)}.bp-x svg,.bp-xc svg{height:21px;width:20px;fill:#fff;vertical-align:top;}.bp-xc svg{width:16px}#bp_container .bp-xc{left:2%;bottom:100%;padding:9px 20px 7px;background:#d04444;border-radius:2px 2px 0 0;opacity:.85}#bp_container .bp-xc:focus,#bp_container .bp-xc:hover{opacity:1}.bp-lr{top:50%;top:calc(50% - 130px);padding:99px 0;width:6%;background:0 0;border:0;opacity:.4;transition:opacity .1s}.bp-lr:focus,.bp-lr:hover{opacity:.8}@keyframes bpf{50%{transform:translatex(15px)}100%{transform:none}}@keyframes bpl{50%{transform:translatex(-15px)}100%{transform:none}}@keyframes bpfl{0%{opacity:0;transform:translatex(70px)}100%{opacity:1;transform:none}}@keyframes bpfr{0%{opacity:0;transform:translatex(-70px)}100%{opacity:1;transform:none}}@keyframes bpfol{0%{opacity:1;transform:none}100%{opacity:0;transform:translatex(-70px)}}@keyframes bpfor{0%{opacity:1;transform:none}100%{opacity:0;transform:translatex(70px)}}@keyframes bpturn{0%{transform:none}100%{transform:rotate(360deg)}}@media (max-width:600px){.bp-lr{font-size:15vw}}@media (min-aspect-ratio:9/5){#bp_sv{height:98%;width:170.6vh;padding:0}}",q.head[B](r),(a=q[P]("DIV")).id="bp_container",a.onclick=nt,u=t("bp-x"),a[B](u),"ontouchstart"in O&&(D=!0,a.ontouchstart=function(t){n=t.changedTouches[0].pageX},a.ontouchmove=function(t){t.preventDefault()},a.ontouchend=function(t){if(_){var o=t.changedTouches[0].pageX-n;o<-30&&j(1),30',(s=q[P]("DIV")).id="bp_sv",(f=q[P]("IFRAME")).setAttribute("allowfullscreen",!0),f.allow="autoplay; fullscreen",f.onload=ot,et(f,"border:0;position:absolute;height:100%;width:100%;left:0;top:0"),s[B](f),p.onload=ot,p.onerror=ot.bind(null,"image"),O[U]("resize",function(){_||g&&Q(!0)}),q[U]("keyup",function(t){var o=t.keyCode;27===o&&w&&nt(a),_&&(39===o&&j(1),37===o&&j(-1),38===o&&j(10),40===o&&j(-10))}),q[U]("keydown",function(t){_&&~[37,38,39,40].indexOf(t.keyCode)&&t.preventDefault()}),q[U]("focus",function(t){w&&!a.contains(t.target)&&(t.stopPropagation(),u.focus())},!0),e=!0}(),g&&(Y(o),rt()),b=(L=t).ytSrc||t.vimeoSrc,n=t.animationStart,A=t.animationEnd,E=t.onChangeImage,r=t.el,S=!1,v=r.getAttribute("data-caption"),t.gallery?function(t,o){if(Array.isArray(t))I=o||0,v=(C=t)[0].caption;else{var n=(C=[].slice.call("string"==typeof t?q.querySelectorAll(t+" [data-bp]"):t)).indexOf(r);I=o||(-1!==n?n:0),C=C.map(function(t){return{el:t,src:t.getAttribute("data-bp"),caption:t.getAttribute("data-caption")}})}S=!0,d=C[I].src,~N.indexOf(d)||Q(!0),1',o}function o(o,t){var n=q[P]("button");return n.className="bp-lr",n[R]='',et(n,t),n.onclick=function(t){t.stopPropagation(),j(o)},n}var r=q[P]("STYLE");r[R]="#bp_caption,#bp_container{bottom:0;left:0;right:0;position:fixed;opacity:0}#bp_container>*,#bp_loader{position:absolute;right:0;z-index:10}#bp_container,#bp_caption,#bp_container svg{pointer-events:none}#bp_container{top:0;z-index:9999;background:rgba(0,0,0,.7);opacity:0;transition:opacity .35s}#bp_loader{top:0;left:0;bottom:0;display:flex;margin:0;cursor:wait;z-index:9;background:0 0}#bp_loader svg{width:50%;max-width:300px;max-height:50%;margin:auto;animation:bpturn 1s infinite linear}#bp_aud,#bp_container img,#bp_sv,#bp_vid{user-select:none;max-height:96%;max-width:96%;top:0;bottom:0;left:0;margin:auto;box-shadow:0 0 3em rgba(0,0,0,.4);z-index:-1}#bp_sv{height:0;padding-bottom:54%;background-color:#000;width:96%}#bp_caption{font-size:.9em;padding:1.3em;background:rgba(15,15,15,.94);color:#fff;text-align:center;transition:opacity .3s}#bp_aud{width:650px;top:calc(50% - 20px);bottom:auto;box-shadow:none}#bp_count{left:0;right:auto;padding:14px;color:rgba(255,255,255,.7);font-size:22px;cursor:default}#bp_container button{position:absolute;border:0;outline:0;background:0 0;cursor:pointer;transition:all .1s}#bp_container>.bp-x{height:41px;width:41px;border-radius:100%;top:8px;right:14px;opacity:.8;line-height:1}#bp_container>.bp-x:focus,#bp_container>.bp-x:hover{background:rgba(255,255,255,.2)}.bp-x svg,.bp-xc svg{height:21px;width:20px;fill:#fff;vertical-align:top;}.bp-xc svg{width:16px}#bp_container .bp-xc{left:2%;bottom:100%;padding:9px 20px 7px;background:#d04444;border-radius:2px 2px 0 0;opacity:.85}#bp_container .bp-xc:focus,#bp_container .bp-xc:hover{opacity:1}.bp-lr{top:50%;top:calc(50% - 130px);padding:99px 0;width:6%;background:0 0;border:0;opacity:.4;transition:opacity .1s}.bp-lr:focus,.bp-lr:hover{opacity:.8}@keyframes bpf{50%{transform:translatex(15px)}100%{transform:none}}@keyframes bpl{50%{transform:translatex(-15px)}100%{transform:none}}@keyframes bpfl{0%{opacity:0;transform:translatex(70px)}100%{opacity:1;transform:none}}@keyframes bpfr{0%{opacity:0;transform:translatex(-70px)}100%{opacity:1;transform:none}}@keyframes bpfol{0%{opacity:1;transform:none}100%{opacity:0;transform:translatex(-70px)}}@keyframes bpfor{0%{opacity:1;transform:none}100%{opacity:0;transform:translatex(70px)}}@keyframes bpturn{0%{transform:none}100%{transform:rotate(360deg)}}@media (max-width:600px){.bp-lr{font-size:15vw}}@media (min-aspect-ratio:9/5){#bp_sv{height:98%;width:170.6vh;padding:0}}",q.head[B](r),(a=q[P]("DIV")).id="bp_container",a.onclick=nt,u=t("bp-x"),a[B](u),"ontouchstart"in O&&(D=!0,a.ontouchstart=function(t){n=t.changedTouches[0].pageX},a.ontouchmove=function(t){t.preventDefault()},a.ontouchend=function(t){if(_){var o=t.changedTouches[0].pageX-n;o<-30&&j(1),30',(s=q[P]("DIV")).id="bp_sv",(f=q[P]("IFRAME")).setAttribute("allowfullscreen",!0),f.allow="autoplay; fullscreen",f.onload=ot,et(f,"border:0;position:absolute;height:100%;width:100%;left:0;top:0"),s[B](f),p.onload=ot,p.onerror=ot.bind(null,"image"),O[U]("resize",function(){_||g&&Q(!0)}),q[U]("keyup",function(t){var o=t.keyCode;27===o&&w&&nt(a),_&&(39===o&&j(1),37===o&&j(-1),38===o&&j(10),40===o&&j(-10))}),q[U]("keydown",function(t){_&&~[37,38,39,40].indexOf(t.keyCode)&&t.preventDefault()}),q[U]("focus",function(t){w&&!a.contains(t.target)&&(t.stopPropagation(),u.focus())},!0),e=!0}(),g&&(Y(o),rt()),b=(L=t).ytSrc||t.vimeoSrc,n=t.animationStart,A=t.animationEnd,E=t.onChangeImage,r=t.el,S=!1,v=r.getAttribute("data-caption"),t.gallery?function(t,o){if(Array.isArray(t))v=(C=t)[I=o||0].caption;else{var n=(C=[].slice.call("string"==typeof t?q.querySelectorAll(t+" [data-bp]"):t)).indexOf(r);I=0===o||o?o:-1!==n?n:0,C=C.map(function(t){return{el:t,src:t.getAttribute("data-bp"),caption:t.getAttribute("data-caption")}})}S=!0,d=C[I].src,~N.indexOf(d)||Q(!0),1