From 9d2f198f1da0fc04134e47b45b706136fd9f7e7f Mon Sep 17 00:00:00 2001 From: Victor Häggqvist Date: Sat, 16 Jan 2016 22:59:26 +0100 Subject: build dist --- demo/LightBox.Core.js | 12 +++--------- demo/touch-imagelightbox.css | 1 + 2 files changed, 4 insertions(+), 9 deletions(-) create mode 100644 demo/touch-imagelightbox.css (limited to 'demo') diff --git a/demo/LightBox.Core.js b/demo/LightBox.Core.js index e5b8e25..cd7898b 100644 --- a/demo/LightBox.Core.js +++ b/demo/LightBox.Core.js @@ -64,7 +64,7 @@ var LightBox = LightBox || {}; LightBox["Core"] = var log = __webpack_require__(3); - log.setDefaultLevel(log.levels.DEBUG); + //log.setDefaultLevel(log.levels.DEBUG); var LightBox = function () { function LightBox(targetSelector) { @@ -86,8 +86,7 @@ var LightBox = LightBox || {}; LightBox["Core"] = enableKeyboard: true, quitOnEnd: false, quitOnImgClick: false, - quitOnDocClick: true, - requestFullscreenOnMobile: true + quitOnDocClick: true }; this.options = Object.assign(options, defaultOptions); @@ -168,7 +167,7 @@ var LightBox = LightBox || {}; LightBox["Core"] = var _this2 = this; log.debug('quitLightbox'); - if (this.image === null) return false; + if (this.image === null) return; _CSSUtil.CSSUtil.setTransitionProperty(this.image, 'opacity ' + this.options.animationSpeed / 1000 + 's linear'); setTimeout(function () { @@ -194,11 +193,6 @@ var LightBox = LightBox || {}; LightBox["Core"] = event.preventDefault(); - //if (LightBox.HAS_TOUCH) { - // log.debug('requesting fullscreen'); - // document.body.webkitRequestFullscreen() - //} - if (this.inProgress) return; this.inProgress = false; diff --git a/demo/touch-imagelightbox.css b/demo/touch-imagelightbox.css new file mode 100644 index 0000000..f1911e9 --- /dev/null +++ b/demo/touch-imagelightbox.css @@ -0,0 +1 @@ +#imagelightbox-loading,#imagelightbox-loading div{border-radius:50%}#imagelightbox-loading{box-shadow:rgba(0,0,0,0.75) 0 0 40px;background:rgba(0,0,0,0.5);height:20px;left:50%;margin:-20px 0 0 -20px;padding:10px;position:fixed;top:50%;width:20px;z-index:10003;animation:fade-in .25s linear}#imagelightbox-loading div{animation:imagelightbox-loading .5s ease infinite;background-color:#fff;height:20px;width:20px}@keyframes imagelightbox-loading{0%{opacity:.5;transform:scale(0.75)}50%{opacity:1;transform:scale(1)}100%{opacity:.5;transform:scale(0.75)}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}#imagelightbox-overlay{background:rgba(255,255,255,0.9);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998;animation:fade-in .25s linear}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}#imagelightbox-close{border-radius:50%;background-color:#666;height:40px;position:fixed;right:40px;text-align:left;text-indent:-9999px;top:40px;transition:color .3s ease;width:40px;z-index:10002;cursor:pointer;animation:fade-in .25s linear}#imagelightbox-close:hover{background-color:#111}#imagelightbox-close:before,#imagelightbox-close:after{background-color:#fff;bottom:20%;content:'';left:50%;margin-left:-1px;position:absolute;top:20%;width:2px}#imagelightbox-close:before{rotate:45deg}#imagelightbox-close:after{rotate:-45deg}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@media only screen and (max-width: 660px){#imagelightbox-close{right:20px;top:20px}}#imagelightbox-nav-sink{display:flex;justify-content:center}#imagelightbox-nav{border-radius:20px;animation:fade-in .25s linear;background-color:rgba(0,0,0,0.5);bottom:60px;padding:5px 2px 1px;position:fixed;z-index:10001}#imagelightbox-nav a{border-radius:50%;border:1px solid #fff;display:inline-block;height:20px;margin:0 5px;width:20px}#imagelightbox-nav .active{background-color:#fff}@media only screen and (max-width: 660px){#imagelightbox-nav{bottom:20px}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}#imagelightbox-caption{background-color:#666;bottom:0;color:#fff;left:0;padding:10px;position:fixed;right:0;text-align:center;z-index:10001;animation:fade-in .25s linear}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}html{-ms-touch-action:manipulation;touch-action:manipulation}#imagelightbox{-ms-touch-action:none;touch-action:none;box-shadow:rgba(0,0,0,0.75) 0 0 50px;cursor:pointer;position:fixed;z-index:10000} -- cgit v1.2.3