diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2939881..198b56e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,39 @@
# Changelog
-#### v0.0.1
+> The changelog just includes breaking changes along with its migration instructions.
+
+## v0.7.0
+
+
+
+List of new features:
+
+- Added video support
+- Added support for mounting HTML node fragments as slides (now you can add everything as a slide)
+- Added download feature
+- Added support for adaptive responsive images (by viewport size, pixel ratio and available internet bandwidth)
+- Added support for a customizable button in the footer section of a slide
+- Added support for additional callbacks `onclick` (for the footer button), `onshow` and `onclose`
+- Added new feature `fit` which can autofit the image as "cover" or as "contain"
+- Added support for adding and removing custom controls via `addControl` and `removeControl`
+
+List of improvements:
+
+- Greatly improves performance, this lib is definitely the web's most performant gallery library.
+- Improve rendering, style recalculations and layout reflow
+- Improve memory usage and listener bindings
+- Improve event flow
+- Improve event delegation for touchable pointers
+- Improve animation handler
+- Improve options and group options inheritance
+- Improve prevention of css class collision
+- Improve initialization and build-up
+- Improve markup declaration and parsing
+- Improve the history handler to catch the "back" button
+- Improve scheduling of the menu auto-hide
+- Improve handling of custom themes
+- Fixed a lot of bugs
+
+## v0.0.1
- Initial Release
diff --git a/README.md b/README.md
index 35fc9c7..6b5542e 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,14 @@
-
+
Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.
Demo • Getting Started • Gallery Groups • Options • Styling • API • Custom Builds
+Demo • Getting Started • Gallery Groups • Options • Styling • API • Custom Builds • Changelog
+
+
Spotlight runs out of the box:
@@ -15,13 +18,15 @@ Spotlight runs out of the box:
- No additional icons/assets
- No additional handling of dynamic content and event listener
-Show Demo Changelog to get all new features.
+
spotlight.bundle.js
- Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.0/dist/spotlight.bundle.js Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.1/dist/spotlight.bundle.js
@@ -113,8 +118,8 @@ __Get Latest Build (Stable):__
spotlight.cdn.js
- Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.0/dist/spotlight.cdn.js Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.1/dist/spotlight.cdn.js
@@ -123,19 +128,19 @@ __Get Latest Build (Stable):__
spotlight.min.js
- Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.0/dist/js/spotlight.min.js Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.1/dist/js/spotlight.min.js
spotlight.css
- Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.0/dist/css/spotlight.css Download https://rawcdn.githack.com/nextapps-de/spotlight/0.7.1/dist/css/spotlight.css
img.zip
- Download Download Alternatively when using non-bundled version you can download icons from /dist/img/ .
@@ -145,14 +150,14 @@ __Get Latest Build (Stable):__
src.zip
- Download Download The folder "src" of this Github repository.
__Get Latest Build (Nightly):__
-Just exchange the version number from the URLs above with "master", e.g.: "/spotlight/0.7.0/dist/" into "/spotlight/__master__/dist".
+Just exchange the version number from the URLs above with "master", e.g.: "/spotlight/0.7.1/dist/" into "/spotlight/__master__/dist".
__Get Latest (NPM):__
diff --git a/demo/style.css b/demo/style.css
index fd507e4..7f54bf3 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -7,6 +7,12 @@ html, body{
font-family: Aral, Helvetica, sans-serif;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
+ background: #f8f9fa;
+}
+main{
+ position: relative;
+ max-width: 800px;
+ margin: auto;
}
a, b{
display: inline-block;
@@ -51,22 +57,76 @@ hr{
padding-top: 20px;
}
h1 img{
- width: 400px;
- max-width: 61.8vw;
+ width: 500px;
+ max-width: 70vw;
}
-label{
+label, button{
display: inline-block;
padding: 5px 10px;
margin-bottom: 5px;
border: 1px solid #ddd;
- background: #f5f5f5;
+ background: #e9ecef;
font-size: 12px;
line-height: 20px;
vertical-align: middle;
cursor: pointer;
border-radius: 5px;
}
+button{
+ border:0;
+ outline: 0;
+ padding: 10px 15px;
+ font-weight: 500;
+ background-color: #6c757d;
+ color: #fff;
+}
label input{
float: left;
margin-right: 10px;
-}
\ No newline at end of file
+}
+
+pre{
+ display: inline-block;
+ margin: auto;
+ text-align: left;
+ width: 100%;
+ max-width: calc(100vw - 1.7em);
+}
+pre code.hljs{
+ background: #fff;
+ padding: 1em 1.5em;
+ border-radius: 10px;
+ width: 100%;
+ max-width: calc(100vw - 1.7em);
+}
+
+.hljs{
+ color: #000;
+}
+.hljs-attr {
+ color:#79c0ff
+}
+.hljs-name,
+.hljs-built_in {
+ color: #ffa657;
+}
+.hljs-attribute{
+ color: #e0e7ff
+}
+.hljs-selector-class {
+ color: #79c0ff
+}
+
+.hljs-keyword,
+.hljs-selector-tag {
+ color: #f92672
+}
+
+.hljs-bullet,
+.hljs-link,
+.hljs-literal,
+.hljs-number,
+.hljs-quote,
+.hljs-regexp {
+ color: #d2a8ff
+}
diff --git a/dist/js/spotlight.min.js b/dist/js/spotlight.min.js
index 74cd3e0..3e09a29 100644
--- a/dist/js/spotlight.min.js
+++ b/dist/js/spotlight.min.js
@@ -1,29 +1,30 @@
/**
- * Spotlight.js v0.7.0
+ * Spotlight.js v0.7.1
* Copyright 2019 Nextapps GmbH
* Author: Thomas Wilkerling
* Licence: Apache-2.0
* https://github.com/nextapps-de/spotlight
*/
-(function(){'use strict';Object.assign||(Object.assign=function(a,b){console.log("assign",a,b);for(var d=Object.keys(b),e=0,f;e
";/*
+(function(){'use strict';Object.assign||(Object.assign=function(a,b){console.log("assign",a,b);for(var c=Object.keys(b),e=0,f;e
";/*
toggle_autofit &&*/
-var m="theme download play page close autofit zoom-in zoom-out arrow-left arrow-right fullscreen".split(" "),ea={page:1,close:1,autofit:1,"zoom-in":1,"zoom-out":1,"arrow-left":1,"arrow-right":1,fullscreen:1},fa={},ha=document.createElement("video"),ia={},n,p,ja,ka,r,la,t,u,v,ma,na,oa,w,x,y,z,A,pa,B,qa,ra,sa,ta,C,D,ua,va,wa,xa,ya,E,F,G,H,I,za,Aa,Ba,Ca,Da,Ea,J,Fa,Ga,K,L,M,Ha,N,O,Ia,P,Ja;h(document,"click",Ka);
-function La(){function a(d){return fa[d]=(l||document).getElementsByClassName("spl-"+d)[0]}N=document.body;I=a("scene");za=a("footer");Aa=a("title");Ba=a("description");Ca=a("button");Da=a("arrow-left");Ea=a("arrow-right");J=a("fullscreen");Fa=a("page");Ga=a("play");K=a("progress");G=[a("pane")];N[P="requestFullscreen"]||N[P="msRequestFullscreen"]||N[P="webkitRequestFullscreen"]||N[P="mozRequestFullscreen"]||(P="");P?Ja=P.replace("request","exit").replace("mozRequest","mozCancel").replace("Request",
-"Exit"):(m.pop(),Q(J,!1));var b=a("track");h(b,"mousedown",Ma);h(b,"mousemove",Na);h(b,"mouseleave",Oa);h(b,"mouseup",Oa);h(b,"touchstart",Ma,{passive:!1});h(b,"touchmove",Na,{passive:!0});h(b,"touchend",Oa);h(J,"click",Pa);h(Da,"click",Qa);h(Ea,"click",R);h(Ga,"click",S);h(a("autofit"),"click",T);h(a("zoom-in"),"click",Ra);h(a("zoom-out"),"click",Sa);h(a("close"),"click",Ta);h(a("download"),"click",Ua);h(a("theme"),"click",Va)}
-function Ka(a){var b=a.target.closest(".spotlight");if(b){k(a,!0);a=b.closest(".spotlight-group");z=(a||document).getElementsByClassName("spotlight");for(var d=0;d.5*(0>a?1:a?-1:0)?Sa():Ra())}function S(a){("boolean"===typeof a?a:!L)?L||(L=setInterval(R,1E3*va),Ga.classList.add("on"),qa&&hb(!0)):L&&(L=clearInterval(L),c(Ga,"on"),qa&&hb())}
-function hb(a){ca(K,function(){g(K,"transition-duration","");g(K,"transform","")});a&&(g(K,"transition-duration",va+"s"),g(K,"transform","translateX(0)"))}function V(){ta&&(Ha=Date.now()+1E3*ta-50,M||(l.classList.add("menu"),ib(1E3*ta)))}function ib(a){M=setTimeout(function(){var b=Date.now();b>=Ha?(c(l,"menu"),M=0):ib(Ha-b)},a)}function jb(a){"boolean"===typeof a&&(M=a?M:0);M?(M=clearTimeout(M),c(l,"menu")):V()}
-function Ma(a){k(a,!0);ma=!0;na=!1;var b=a.touches;b&&(b=b[0])&&(a=b);oa=t*v<=r;ja=a.pageX;ka=a.pageY;U(F)}function Oa(a){k(a);if(ma){if(na){if(oa&&na){var b=(a=n<-(r/7)&&(xr/7&&(1b?n=b:n<-b&&(n=-b),u*v>la&&(b=(u*v-la)/2,p-=ka-(ka=a.pageY),p>b?p=b:p<-b&&(p=-b)));na=!0;X(n,p)}else V()}
-function Pa(a){("boolean"===typeof a?a:document.fullscreen||document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement)?(document[Ja](),c(J,"on")):(l[P](),J.classList.add("on"))}function Va(a){"object"===typeof a&&(a=D?"":"white");D!==a&&(D&&c(l,D),a&&l.classList.add(a),D=a)}function T(a){"boolean"===typeof a&&(w=!a);(w=1===v&&!w)?H.classList.add("autofit"):c(H,"autofit");g(H,"transform","");t=H.width;u=H.height;v=1;p=n=0;U(F);X();V()}
-function Ra(a){var b=v/.65;50>=b&&(w&&T(),n/=.65,p/=.65,X(n,p),kb(b));a||V()}function Sa(a){var b=.65*v;w&&T();1<=b&&(1===b?n=p=0:(n*=.65,p*=.65),X(n,p),kb(b));a||V()}function kb(a){v=a||1;g(H,"transform","translate(-50%, -50%) scale("+v+")")}function Ua(){var a=document.createElement("a");a.href=H.src;a.download=H.src.substring(H.src.lastIndexOf("/")+1);N.appendChild(a);a.click();N.removeChild(a)}
-function Ta(a){setTimeout(function(){N.removeChild(l);F=H=O=A=pa=z=ra=null},200);c(N,"hide-scrollbars");c(l,"show");$a();history.go(!0===a?-1:-2);L&&S(!1);H&&H.parentNode&&H.parentNode.removeChild(H)}function Qa(a){a&&V();if(1x;x=a;Ya(b);return!0}}
-var lb=navigator.connection,mb=window.devicePixelRatio||1;function nb(a,b,d){var e;if("video"===H||!(e=d.src||d.href||a.src||a.href)){a=Object.keys(d);for(var f=0,q;f.5*(0>a?1:a?-1:0)?Va():Ua())}function S(a){("boolean"===typeof a?a:!N)?N||(N=setInterval(T,1E3*za),Ma.classList.add("on"),qa&&nb(!0)):N&&(N=clearInterval(N),d(Ma,"on"),qa&&nb())}
+function nb(a){ca(L,function(){g(L,"transition-duration","");g(L,"transform","")});a&&(g(L,"transition-duration",za+"s"),g(L,"transform","translateX(0)"))}function V(){va&&(Oa=Date.now()+1E3*va-50,O||(k.classList.add("menu"),ob(1E3*va)))}function ob(a){O=setTimeout(function(){var b=Date.now();b>=Oa?(d(k,"menu"),O=0):ob(Oa-b)},a)}function pb(a){"boolean"===typeof a&&(O=a?O:0);O?(O=clearTimeout(O),d(k,"menu")):V()}
+function Za(a){ea(a,!0);na=!0;oa=!1;var b=a.touches;b&&(b=b[0])&&(a=b);pa=t*v<=r;ka=a.pageX;la=a.pageY;U(H)}function ab(a){ea(a);if(na){if(oa){if(pa&&oa){var b=(a=n<-(r/7)&&(xr/7&&(1b?n=b:n<-b&&(n=-b),u*v>ma&&(b=(u*v-ma)/2,p-=la-(la=a.pageY),p>b?p=b:p<-b&&(p=-b)));oa=!0;X(n,p)}else V()}
+function Ta(a){("boolean"===typeof a?a:document.fullscreen||document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement)?(document[Pa](),d(Ka,"on")):(k[P](),Ka.classList.add("on"))}function Wa(a){"object"===typeof a&&(a=E?"":"white");E!==a&&(E&&d(k,E),a&&k.classList.add(a),E=a)}function R(a){"boolean"===typeof a&&(w=!a);(w=1===v&&!w)?J.classList.add("autofit"):d(J,"autofit");g(J,"transform","");t=J.width;u=J.height;v=1;p=n=0;U(H);X();V()}
+function Ua(a){var b=v/.65;50>=b&&(w&&R(),n/=.65,p/=.65,X(n,p),qb(b));a||V()}function Va(a){var b=.65*v;w&&R();1<=b&&(1===b?n=p=0:(n*=.65,p*=.65),X(n,p),qb(b));a||V()}function qb(a){v=a||1;g(J,"transform","translate(-50%, -50%) scale("+v+")")}function Xa(){var a=document.createElement("a");a.href=J.src;a.download=J.src.substring(J.src.lastIndexOf("/")+1);G.appendChild(a);a.click();G.removeChild(a)}
+function Sa(a){setTimeout(function(){G.removeChild(k);H=J=M=A=B=z=ra=sa=ta=ya=null},200);d(G,"hide-scrollbars");d(k,"show");fb();history.go(!0===a?-1:-2);N&&S(!1);J&&rb(J);ta&&ta()}function rb(a){if(a.g)a.g.appendChild(a),a.g=null;else{var b=a.parentNode;b&&b.removeChild(a)}}function Ya(a){a&&V();if(1x;x=a;db(b);return!0}}var sb=navigator.connection,tb=window.devicePixelRatio||1;
+function ub(a,b,c){var e;if("video"===J||!(e=c.src||c.href||a.src||a.href)){a=Object.keys(c);for(var f=0,q;f*{position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1);transition:transform .65s cubic-bezier(.3,1,.3,1),opacity .65s ease;contain:layout style;will-change:transform,opacity;visibility:hidden}.spl-header,.spl-pane{width:100%;position:absolute}.spl-pane{top:0;transition:transform .65s cubic-bezier(.3,1,.3,1);will-change:transform}.spl-header{top:0;height:50px;text-align:right;background-color:rgba(0,0,0,.45);transform:translateY(-100px);transition:transform .35s ease;overflow:hidden}#spotlight.menu .spl-header,.spl-header:hover{transform:translateY(0)}.spl-header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:50px;height:50px;opacity:.5}.spl-progress{position:absolute;top:0;width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform linear}.spl-footer{position:absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.45);line-height:20px;padding:20px 20px 0;padding-bottom:env(safe-area-inset-bottom,0);text-align:left;font-size:15px;font-weight:400}.spl-title{font-size:22px}.spl-button,.spl-description,.spl-title{margin-bottom:20px}.spl-button{display:inline-block;background:#fff;color:#000;border-radius:5px;padding:10px 20px;cursor:pointer}.spl-arrow-left,.spl-arrow-right,.spl-page~*{background-position:center;background-repeat:no-repeat}.spl-page{float:left;width:auto;line-height:50px}.spl-page~*{background-size:21px;float:right}.spl-fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}.spl-fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}.spl-autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}.spl-zoom-in,.spl-zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);background-size:22px}.spl-zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}.spl-download{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);background-size:20px}.spl-theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}.spl-play{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}.spl-play.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}.spl-close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}.spl-arrow-left,.spl-arrow-right{position:absolute;top:50%;left:20px;width:50px;height:50px;opacity:.65;background-color:rgba(0,0,0,.45);border-radius:100%;cursor:pointer;margin-top:-25px;transform:translateX(-100px);transition:transform .35s ease;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);background-size:30px}.spl-arrow-right{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .spl-arrow-left{transform:translateX(0)}#spotlight.menu .spl-arrow-right{transform:translateX(0) scaleX(-1)}@media (hover:hover){.spl-page~div{cursor:pointer;transition:opacity .2s ease}.spl-arrow-left:hover,.spl-arrow-right:hover,.spl-page~div:hover{opacity:1}}@media (max-width:500px){.spl-header div{width:44px}.spl-footer .spl-title{font-size:20px}.spl-footer{font-size:14px}.spl-arrow-left,.spl-arrow-right{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}.spl-spinner{background-size:30px 30px}}.hide-scrollbars{overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{width:0}";
-var ca=document.getElementsByTagName("head")[0];ca.firstChild?ca.insertBefore(ba,ca.firstChild):ca.appendChild(ba);Object.assign||(Object.assign=function(a,b){console.log("assign",a,b);for(var d=Object.keys(b),e=0,f;e
";/*
+var ca=document.getElementsByTagName("head")[0];ca.firstChild?ca.insertBefore(ba,ca.firstChild):ca.appendChild(ba);Object.assign||(Object.assign=function(a,b){console.log("assign",a,b);for(var c=Object.keys(b),e=0,f;e
";/*
toggle_autofit &&*/
-var m="theme download play page close autofit zoom-in zoom-out arrow-left arrow-right fullscreen".split(" "),ha={page:1,close:1,autofit:1,"zoom-in":1,"zoom-out":1,"arrow-left":1,"arrow-right":1,fullscreen:1},ia={},ja=document.createElement("video"),ka={},n,p,la,ma,r,na,t,u,v,oa,pa,qa,w,x,y,z,A,ra,B,sa,ta,ua,va,C,D,wa,xa,ya,za,Aa,E,F,G,H,I,Ba,Ca,Da,Ea,Fa,Ga,J,Ha,Ia,K,L,M,Ja,N,O,Ka,P,La;h(document,"click",Ma);
-function Na(){function a(d){return ia[d]=(l||document).getElementsByClassName("spl-"+d)[0]}N=document.body;I=a("scene");Ba=a("footer");Ca=a("title");Da=a("description");Ea=a("button");Fa=a("arrow-left");Ga=a("arrow-right");J=a("fullscreen");Ha=a("page");Ia=a("play");K=a("progress");G=[a("pane")];N[P="requestFullscreen"]||N[P="msRequestFullscreen"]||N[P="webkitRequestFullscreen"]||N[P="mozRequestFullscreen"]||(P="");P?La=P.replace("request","exit").replace("mozRequest","mozCancel").replace("Request",
-"Exit"):(m.pop(),Q(J,!1));var b=a("track");h(b,"mousedown",Oa);h(b,"mousemove",Pa);h(b,"mouseleave",Qa);h(b,"mouseup",Qa);h(b,"touchstart",Oa,{passive:!1});h(b,"touchmove",Pa,{passive:!0});h(b,"touchend",Qa);h(J,"click",Ra);h(Fa,"click",Sa);h(Ga,"click",R);h(Ia,"click",S);h(a("autofit"),"click",T);h(a("zoom-in"),"click",Ta);h(a("zoom-out"),"click",Ua);h(a("close"),"click",Va);h(a("download"),"click",Wa);h(a("theme"),"click",Xa)}
-function Ma(a){var b=a.target.closest(".spotlight");if(b){k(a,!0);a=b.closest(".spotlight-group");z=(a||document).getElementsByClassName("spotlight");for(var d=0;d.5*(0>a?1:a?-1:0)?Ua():Ta())}function S(a){("boolean"===typeof a?a:!L)?L||(L=setInterval(R,1E3*xa),Ia.classList.add("on"),sa&&jb(!0)):L&&(L=clearInterval(L),c(Ia,"on"),sa&&jb())}
-function jb(a){ea(K,function(){g(K,"transition-duration","");g(K,"transform","")});a&&(g(K,"transition-duration",xa+"s"),g(K,"transform","translateX(0)"))}function V(){va&&(Ja=Date.now()+1E3*va-50,M||(l.classList.add("menu"),kb(1E3*va)))}function kb(a){M=setTimeout(function(){var b=Date.now();b>=Ja?(c(l,"menu"),M=0):kb(Ja-b)},a)}function lb(a){"boolean"===typeof a&&(M=a?M:0);M?(M=clearTimeout(M),c(l,"menu")):V()}
-function Oa(a){k(a,!0);oa=!0;pa=!1;var b=a.touches;b&&(b=b[0])&&(a=b);qa=t*v<=r;la=a.pageX;ma=a.pageY;U(F)}function Qa(a){k(a);if(oa){if(pa){if(qa&&pa){var b=(a=n<-(r/7)&&(xr/7&&(1b?n=b:n<-b&&(n=-b),u*v>na&&(b=(u*v-na)/2,p-=ma-(ma=a.pageY),p>b?p=b:p<-b&&(p=-b)));pa=!0;X(n,p)}else V()}
-function Ra(a){("boolean"===typeof a?a:document.fullscreen||document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement)?(document[La](),c(J,"on")):(l[P](),J.classList.add("on"))}function Xa(a){"object"===typeof a&&(a=D?"":"white");D!==a&&(D&&c(l,D),a&&l.classList.add(a),D=a)}function T(a){"boolean"===typeof a&&(w=!a);(w=1===v&&!w)?H.classList.add("autofit"):c(H,"autofit");g(H,"transform","");t=H.width;u=H.height;v=1;p=n=0;U(F);X();V()}
-function Ta(a){var b=v/.65;50>=b&&(w&&T(),n/=.65,p/=.65,X(n,p),mb(b));a||V()}function Ua(a){var b=.65*v;w&&T();1<=b&&(1===b?n=p=0:(n*=.65,p*=.65),X(n,p),mb(b));a||V()}function mb(a){v=a||1;g(H,"transform","translate(-50%, -50%) scale("+v+")")}function Wa(){var a=document.createElement("a");a.href=H.src;a.download=H.src.substring(H.src.lastIndexOf("/")+1);N.appendChild(a);a.click();N.removeChild(a)}
-function Va(a){setTimeout(function(){N.removeChild(l);F=H=O=A=ra=z=ta=null},200);c(N,"hide-scrollbars");c(l,"show");bb();history.go(!0===a?-1:-2);L&&S(!1);H&&H.parentNode&&H.parentNode.removeChild(H)}function Sa(a){a&&V();if(1x;x=a;$a(b);return!0}}
-var nb=navigator.connection,ob=window.devicePixelRatio||1;function pb(a,b,d){var e;if("video"===H||!(e=d.src||d.href||a.src||a.href)){a=Object.keys(d);for(var f=0,q;f.5*(0>a?1:a?-1:0)?Xa():Wa())}function S(a){("boolean"===typeof a?a:!N)?N||(N=setInterval(T,1E3*Ba),Oa.classList.add("on"),sa&&pb(!0)):N&&(N=clearInterval(N),d(Oa,"on"),sa&&pb())}
+function pb(a){ea(L,function(){g(L,"transition-duration","");g(L,"transform","")});a&&(g(L,"transition-duration",Ba+"s"),g(L,"transform","translateX(0)"))}function V(){xa&&(Qa=Date.now()+1E3*xa-50,O||(k.classList.add("menu"),qb(1E3*xa)))}function qb(a){O=setTimeout(function(){var b=Date.now();b>=Qa?(d(k,"menu"),O=0):qb(Qa-b)},a)}function rb(a){"boolean"===typeof a&&(O=a?O:0);O?(O=clearTimeout(O),d(k,"menu")):V()}
+function ab(a){ha(a,!0);pa=!0;qa=!1;var b=a.touches;b&&(b=b[0])&&(a=b);ra=t*v<=r;ma=a.pageX;na=a.pageY;U(H)}function cb(a){ha(a);if(pa){if(qa){if(ra&&qa){var b=(a=n<-(r/7)&&(xr/7&&(1b?n=b:n<-b&&(n=-b),u*v>oa&&(b=(u*v-oa)/2,p-=na-(na=a.pageY),p>b?p=b:p<-b&&(p=-b)));qa=!0;X(n,p)}else V()}
+function Va(a){("boolean"===typeof a?a:document.fullscreen||document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement)?(document[Ra](),d(Ma,"on")):(k[P](),Ma.classList.add("on"))}function Ya(a){"object"===typeof a&&(a=E?"":"white");E!==a&&(E&&d(k,E),a&&k.classList.add(a),E=a)}function R(a){"boolean"===typeof a&&(w=!a);(w=1===v&&!w)?J.classList.add("autofit"):d(J,"autofit");g(J,"transform","");t=J.width;u=J.height;v=1;p=n=0;U(H);X();V()}
+function Wa(a){var b=v/.65;50>=b&&(w&&R(),n/=.65,p/=.65,X(n,p),sb(b));a||V()}function Xa(a){var b=.65*v;w&&R();1<=b&&(1===b?n=p=0:(n*=.65,p*=.65),X(n,p),sb(b));a||V()}function sb(a){v=a||1;g(J,"transform","translate(-50%, -50%) scale("+v+")")}function Za(){var a=document.createElement("a");a.href=J.src;a.download=J.src.substring(J.src.lastIndexOf("/")+1);G.appendChild(a);a.click();G.removeChild(a)}
+function Ua(a){setTimeout(function(){G.removeChild(k);H=J=M=A=B=z=ta=ua=va=Aa=null},200);d(G,"hide-scrollbars");d(k,"show");hb();history.go(!0===a?-1:-2);N&&S(!1);J&&tb(J);va&&va()}function tb(a){if(a.g)a.g.appendChild(a),a.g=null;else{var b=a.parentNode;b&&b.removeChild(a)}}function $a(a){a&&V();if(1x;x=a;fb(b);return!0}}var ub=navigator.connection,vb=window.devicePixelRatio||1;
+function wb(a,b,c){var e;if("video"===J||!(e=c.src||c.href||a.src||a.href)){a=Object.keys(c);for(var f=0,q;f-->
Goto Github Anchors & Images
API Call
+
+
+
+
+
+
Show
-
+
Show
-
+
Show
@@ -120,58 +135,33 @@
-Demo • Getting Started • Gallery Groups • Options • Styling • API • Custom Builds
+Demo • Getting Started • Gallery Groups • Options • Styling • API • Custom Builds • Changelog
+
+
-
@@ -76,40 +83,48 @@ 