Initial commit
This commit is contained in:
1
venobox/v1/venobox.css
Normal file
1
venobox/v1/venobox.css
Normal file
File diff suppressed because one or more lines are too long
1
venobox/v1/venobox.min.js
vendored
Normal file
1
venobox/v1/venobox.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
110
venobox/v2/CHANGELOG.md
Normal file
110
venobox/v2/CHANGELOG.md
Normal file
@ -0,0 +1,110 @@
|
||||
# Changelog
|
||||
|
||||
### [2.0.4]
|
||||
- New option: `customClass`
|
||||
- New attribute: `data-customclass` (overrides global option `customClass`)
|
||||
- New attribute: `data-border` (overrides global option `border`)
|
||||
- New: option ratio: 'full' for a 100% viewport height of iFrame and video content
|
||||
|
||||
### [2.0.3]
|
||||
- New: ECMAScript module `import VenoBox from './src/venobox.esm.js'`
|
||||
|
||||
### [2.0.2]
|
||||
- New: Fast gallery navigation
|
||||
- Update: default `maxWidth: 100%`
|
||||
- Update: minor css fixes
|
||||
|
||||
### [2.0.1]
|
||||
- Update: 'share' option boolean.
|
||||
- Deprecated: facebook, twitter, linkedin, pinterest share
|
||||
- New share tools: Copy link, Navigator share, Download
|
||||
- New: option `navKeyboard`
|
||||
- New: option `navTouch`
|
||||
- Update: minor fixes
|
||||
|
||||
### [2.0.0]
|
||||
- Dropped jQuery dependency.
|
||||
- Async gallery navigation and items loading
|
||||
- New: support local videos (mp4, webm, ogg)
|
||||
- Update: more preload spinners
|
||||
|
||||
Check [Migrating to VenoBox 2](https://github.com/nicolafranchini/VenoBox/wiki).
|
||||
|
||||
### [1.9.4]
|
||||
- New: navSpeed option
|
||||
|
||||
### [1.9.3]
|
||||
- New: noArrows option
|
||||
|
||||
### [1.9.2]
|
||||
- Update: Remove focus from link to avoid multiple calls with enter key
|
||||
|
||||
### [1.9.1]
|
||||
- Fix: Error thrown in safari #147
|
||||
|
||||
### [v1.9.0]
|
||||
- Update: reset content scrollTop on change
|
||||
|
||||
### [v1.8.9]
|
||||
- New share buttons
|
||||
available options: `['facebook', 'twitter', 'linkedin', 'pinterest', 'download']`
|
||||
|
||||
### [v1.8.8]
|
||||
- Hide infinigall navigation if has only 1 item
|
||||
- Hide numeratio if has only 1 item
|
||||
- Higher z-index for vbox-overlay
|
||||
|
||||
### [v1.8.7]
|
||||
- Percentual window padding
|
||||
- Minified CSS
|
||||
|
||||
### [v1.8.6]
|
||||
- Namespaced some css classes #133
|
||||
|
||||
### [v1.8.5]
|
||||
- New callback: `cb_content_loaded(obj, gallIndex, thenext, theprev)`
|
||||
|
||||
### [v1.8.4]
|
||||
- Scrollbar dissappears behind `.vbox-overlay` background (Chrome) #109
|
||||
- Overlay close does not work on iPad, and full overlay is not clickable #115
|
||||
- Allow autoplay in Chrome - attribute needed for iframe #121
|
||||
|
||||
### [v1.8.3]
|
||||
- New spinkit preloaders #106
|
||||
- Hide spinner when popup has been loaded #101
|
||||
- Add support of customized Gallery items directly on the JavaScript init. #120
|
||||
|
||||
### [v1.8.2]
|
||||
- Fix: infinigall & nextok = false #98
|
||||
|
||||
### [v1.8.1]
|
||||
- update: `use strict` - thanks @shivarajnaidu
|
||||
- Fix: fade in overlay
|
||||
|
||||
### [v1.8.0
|
||||
- New: touch swipe support
|
||||
- New methods: call close, next or previous item outside the plugin
|
||||
- Update: new callbacks
|
||||
|
||||
### [v1.7.3]
|
||||
- Update: brought back `data-gall` instead of `data-vbgall`
|
||||
|
||||
### [v1.7.2]
|
||||
- Fix: gallery navigation with different title attributes
|
||||
- Fix: position absolute for preloader to avoid scroll overlay
|
||||
- Update: .json files
|
||||
|
||||
### [v1.7.1]
|
||||
- New: options for title and navigation elements: position and colors
|
||||
- New: pure css3 preloaders
|
||||
- New: 5 Callbacks added - thanks @garyee
|
||||
- New: video autoplay as option - thanks @codibit
|
||||
- Update: `data-type` changed to `data-vbtype`
|
||||
- Update: css3 next - prev arrows
|
||||
- Update: iframe and inline windows with default height realtive to viewport
|
||||
- Update: Removed deprecated functions for jQuery 3
|
||||
- Update: new youtube parser to convert more urls
|
||||
- Update: video format to 16:9
|
||||
- Update: panel shadow
|
||||
- Fix: wait to loading all images inside ajax modal
|
||||
- Fix: `https://` for video iframes
|
21
venobox/v2/LICENSE
Normal file
21
venobox/v2/LICENSE
Normal file
@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2013 - 2020 Venobox
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
61
venobox/v2/README.md
Normal file
61
venobox/v2/README.md
Normal file
@ -0,0 +1,61 @@
|
||||
# VenoBox
|
||||
|
||||
[](https://www.npmjs.com/package/venobox)
|
||||
[](https://www.npmjs.com/package/venobox)
|
||||
[](https://www.jsdelivr.com/package/npm/venobox)
|
||||
|
||||
Responsive modal window javaScript plugin, touch swipe gallery
|
||||
|
||||
Just another responsive lightbox plugin, suitable for images, inline contents, iFrames, videos.
|
||||
|
||||
The big difference compared to many others plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).
|
||||
|
||||
Demo: https://veno.es/venobox/
|
||||
|
||||
## Quick start
|
||||
|
||||
### Install
|
||||
|
||||
This package can be installed with:
|
||||
- [npm](https://www.npmjs.com/package/venobox): `npm install venobox`
|
||||
- [composer](https://packagist.org/packages/nicolafranchini/venobox): `composer require nicolafranchini/venobox`
|
||||
|
||||
### Static HTML
|
||||
|
||||
Download the [latest release](https://github.com/nicolafranchini/VenoBox/releases)
|
||||
or get the sources from [jsDelivr](https://cdn.jsdelivr.net/npm/venobox@latest/dist/)
|
||||
|
||||
Put the required stylesheet into your `<head>` to load our CSS:
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="venobox/dist/venobox.min.css" />
|
||||
```
|
||||
|
||||
Include the script near the end of your pages, right before the closing `</body>` tag:
|
||||
|
||||
```html
|
||||
<script src="venobox/dist/venobox.min.js"></script>
|
||||
```
|
||||
|
||||
|
||||
### Usage
|
||||
|
||||
Insert one or more links with a custom class
|
||||
|
||||
```html
|
||||
<a class="venobox" href="image01-big.jpg"><img src="image01-small.jpg" alt="image alt"/></a>
|
||||
```
|
||||
|
||||
Initialize the plugin and your VenoBox is ready for all the selected links.
|
||||
|
||||
```javascript
|
||||
new VenoBox({
|
||||
selector: '.venobox'
|
||||
});
|
||||
```
|
||||
|
||||
## Documentation
|
||||
|
||||
The full documentation is available at https://veno.es/venobox/
|
||||
|
||||
License: released under the MIT License
|
43
venobox/v2/composer.json
Normal file
43
venobox/v2/composer.json
Normal file
@ -0,0 +1,43 @@
|
||||
{
|
||||
"name": "nicolafranchini/venobox",
|
||||
"description": "Responsive JavaScript modal window plugin, touch swipe gallery",
|
||||
"version": "2.0.4",
|
||||
"keywords": [
|
||||
"lightbox",
|
||||
"modal",
|
||||
"responsive",
|
||||
"plugin",
|
||||
"popup",
|
||||
"gallery",
|
||||
"window",
|
||||
"no-jquery",
|
||||
"vanilla",
|
||||
"touch",
|
||||
"swipe"
|
||||
],
|
||||
"license": "MIT",
|
||||
"authors": [
|
||||
{
|
||||
"name": "Nicola Franchini",
|
||||
"role": "Developer"
|
||||
}
|
||||
],
|
||||
"support": {
|
||||
"issues": "https://github.com/nicolafranchini/VenoBox/issues",
|
||||
"source": "https://github.com/nicolafranchini/VenoBox/releases"
|
||||
},
|
||||
"extra": {
|
||||
"component": {
|
||||
"scripts": [
|
||||
"dist/venobox.min.js"
|
||||
],
|
||||
"styles": [
|
||||
"dist/venobox.min.css"
|
||||
],
|
||||
"files": [
|
||||
"dist/venobox.min.js",
|
||||
"dist/venobox.min.css"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
228
venobox/v2/dist/venobox.css
vendored
Normal file
228
venobox/v2/dist/venobox.css
vendored
Normal file
@ -0,0 +1,228 @@
|
||||
.vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#101010;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#101010;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0}
|
||||
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
|
||||
.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}
|
||||
.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}
|
||||
.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)}
|
||||
.vbox-title{font-size:12px;background-color:var(--vbox-title-background);width:var(--vbox-title-width);border-radius:var(--vbox-title-radius);padding:12px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
|
||||
.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)}
|
||||
.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer}
|
||||
.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block}
|
||||
.vbox-share svg{z-index:10;vertical-align:middle}
|
||||
.vbox-close{cursor:pointer;position:fixed;top:0;right:0;z-index:99;padding:6px 15px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}
|
||||
.vbox-close:hover{opacity:1}
|
||||
.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)}
|
||||
.vbox-num{display:inline-block;padding:12px 15px}
|
||||
.vbox-left{left:0}
|
||||
.vbox-right{right:0}
|
||||
.vbox-top{top:0}
|
||||
.vbox-bottom{bottom:0}
|
||||
.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:.8;transition:opacity .2s}
|
||||
.vbox-next:hover,.vbox-prev:hover{opacity:1}
|
||||
.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--vbox-tools-color);border-right-color:var(--vbox-tools-color);text-indent:-100px;position:absolute;top:8px;display:block}
|
||||
.vbox-prev{left:15px}
|
||||
.vbox-next{right:15px}
|
||||
.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
|
||||
.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}
|
||||
.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto}
|
||||
.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""}
|
||||
.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)}
|
||||
.venoratio-1x1{--vb-aspect-ratio:100%}
|
||||
.venoratio-4x3{--vb-aspect-ratio:calc(3 / 4 * 100%)}
|
||||
.venoratio-16x9{--vb-aspect-ratio:calc(9 / 16 * 100%)}
|
||||
.venoratio-21x9{--vb-aspect-ratio:calc(9 / 21 * 100%)}
|
||||
.venoratio-full{--vb-aspect-ratio:calc(100vh - 100px)}
|
||||
.vbox-child.vbox-inline,.vbox-child.venoratio{max-width:100%}
|
||||
.vbox-open{overflow:hidden}
|
||||
.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:30px 0}
|
||||
.vbox-content{opacity:0}
|
||||
.vbox-content{text-align:center;width:100%;position:relative;overflow:hidden;padding:20px 4%;display:flex;align-items:center;justify-content:center;min-height:100%}
|
||||
.vbox-container img{max-width:100%;height:auto}
|
||||
.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial;padding:var(--vbox-padding)}
|
||||
.vbox-child img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block}
|
||||
.vbox-grab .vbox-child img{cursor:grab}
|
||||
.vbox-child>iframe{border:none!important}
|
||||
.vbox-content.swipe-left{margin-left:-200px!important}
|
||||
.vbox-content.swipe-right{margin-left:200px!important}
|
||||
.vbox-preloader{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
|
||||
.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s}
|
||||
.vbox-hidden{display:none}
|
||||
.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0}
|
||||
.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translateZ(-1px);-moz-transform:translateZ(-1px);-o-transform:translateZ(-1px);transform:translateZ(-1px);z-index:0}
|
||||
.vbox-tooltip{position:relative;display:inline-block}
|
||||
.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif}
|
||||
.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px}
|
||||
.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px}
|
||||
.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1}
|
||||
.vbox-overlay{--sk-size:40px;--sk-color:#333}
|
||||
.sk-center{margin:auto}
|
||||
.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out}
|
||||
@keyframes sk-plane{
|
||||
0%{transform:perspective(120px) rotateX(0) rotateY(0)}
|
||||
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
|
||||
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
|
||||
}
|
||||
.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both}
|
||||
.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}
|
||||
.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}
|
||||
.sk-chase-dot:nth-child(1){animation-delay:-1.1s}
|
||||
.sk-chase-dot:nth-child(2){animation-delay:-1s}
|
||||
.sk-chase-dot:nth-child(3){animation-delay:-.9s}
|
||||
.sk-chase-dot:nth-child(4){animation-delay:-.8s}
|
||||
.sk-chase-dot:nth-child(5){animation-delay:-.7s}
|
||||
.sk-chase-dot:nth-child(6){animation-delay:-.6s}
|
||||
.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}
|
||||
.sk-chase-dot:nth-child(2):before{animation-delay:-1s}
|
||||
.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}
|
||||
.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}
|
||||
.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}
|
||||
.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}
|
||||
@keyframes sk-chase{
|
||||
100%{transform:rotate(360deg)}
|
||||
}
|
||||
@keyframes sk-chase-dot{
|
||||
100%,80%{transform:rotate(360deg)}
|
||||
}
|
||||
@keyframes sk-chase-dot-before{
|
||||
50%{transform:scale(.4)}
|
||||
0%,100%{transform:scale(1)}
|
||||
}
|
||||
.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative}
|
||||
.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)}
|
||||
.sk-bounce-dot:nth-child(2){animation-delay:-1s}
|
||||
@keyframes sk-bounce{
|
||||
0%,100%{transform:scale(0)}
|
||||
45%,55%{transform:scale(1)}
|
||||
}
|
||||
.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between}
|
||||
.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out}
|
||||
.sk-wave-rect:nth-child(1){animation-delay:-1.2s}
|
||||
.sk-wave-rect:nth-child(2){animation-delay:-1.1s}
|
||||
.sk-wave-rect:nth-child(3){animation-delay:-1s}
|
||||
.sk-wave-rect:nth-child(4){animation-delay:-.9s}
|
||||
.sk-wave-rect:nth-child(5){animation-delay:-.8s}
|
||||
@keyframes sk-wave{
|
||||
0%,100%,40%{transform:scaleY(.4)}
|
||||
20%{transform:scaleY(1)}
|
||||
}
|
||||
.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)}
|
||||
@keyframes sk-pulse{
|
||||
0%{transform:scale(0)}
|
||||
100%{transform:scale(1);opacity:0}
|
||||
}
|
||||
.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between}
|
||||
.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both}
|
||||
.sk-flow-dot:nth-child(1){animation-delay:-.3s}
|
||||
.sk-flow-dot:nth-child(2){animation-delay:-.15s}
|
||||
@keyframes sk-flow{
|
||||
0%,100%,80%{transform:scale(.3)}
|
||||
40%{transform:scale(1)}
|
||||
}
|
||||
.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear}
|
||||
.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out}
|
||||
.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s}
|
||||
@keyframes sk-swing{
|
||||
100%{transform:rotate(360deg)}
|
||||
}
|
||||
@keyframes sk-swing-dot{
|
||||
0%,100%{transform:scale(.2)}
|
||||
50%{transform:scale(1)}
|
||||
}
|
||||
.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative}
|
||||
.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0}
|
||||
.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both}
|
||||
.sk-circle-dot:nth-child(1){transform:rotate(30deg)}
|
||||
.sk-circle-dot:nth-child(2){transform:rotate(60deg)}
|
||||
.sk-circle-dot:nth-child(3){transform:rotate(90deg)}
|
||||
.sk-circle-dot:nth-child(4){transform:rotate(120deg)}
|
||||
.sk-circle-dot:nth-child(5){transform:rotate(150deg)}
|
||||
.sk-circle-dot:nth-child(6){transform:rotate(180deg)}
|
||||
.sk-circle-dot:nth-child(7){transform:rotate(210deg)}
|
||||
.sk-circle-dot:nth-child(8){transform:rotate(240deg)}
|
||||
.sk-circle-dot:nth-child(9){transform:rotate(270deg)}
|
||||
.sk-circle-dot:nth-child(10){transform:rotate(300deg)}
|
||||
.sk-circle-dot:nth-child(11){transform:rotate(330deg)}
|
||||
.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s}
|
||||
.sk-circle-dot:nth-child(2):before{animation-delay:-1s}
|
||||
.sk-circle-dot:nth-child(3):before{animation-delay:-.9s}
|
||||
.sk-circle-dot:nth-child(4):before{animation-delay:-.8s}
|
||||
.sk-circle-dot:nth-child(5):before{animation-delay:-.7s}
|
||||
.sk-circle-dot:nth-child(6):before{animation-delay:-.6s}
|
||||
.sk-circle-dot:nth-child(7):before{animation-delay:-.5s}
|
||||
.sk-circle-dot:nth-child(8):before{animation-delay:-.4s}
|
||||
.sk-circle-dot:nth-child(9):before{animation-delay:-.3s}
|
||||
.sk-circle-dot:nth-child(10):before{animation-delay:-.2s}
|
||||
.sk-circle-dot:nth-child(11):before{animation-delay:-.1s}
|
||||
@keyframes sk-circle{
|
||||
0%,100%,80%{transform:scale(0)}
|
||||
40%{transform:scale(1)}
|
||||
}
|
||||
.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative}
|
||||
.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0}
|
||||
.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both}
|
||||
.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)}
|
||||
.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)}
|
||||
.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)}
|
||||
.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)}
|
||||
.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)}
|
||||
.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)}
|
||||
.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)}
|
||||
.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)}
|
||||
.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)}
|
||||
.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)}
|
||||
.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)}
|
||||
.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s}
|
||||
.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s}
|
||||
.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}
|
||||
.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}
|
||||
.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}
|
||||
.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}
|
||||
.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}
|
||||
.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}
|
||||
.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}
|
||||
.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}
|
||||
.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}
|
||||
@keyframes sk-circle-fade{
|
||||
0%,100%,39%{opacity:0;transform:scale(.6)}
|
||||
40%{opacity:1;transform:scale(1)}
|
||||
}
|
||||
.sk-grid{width:var(--sk-size);height:var(--sk-size)}
|
||||
.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out}
|
||||
.sk-grid-cube:nth-child(1){animation-delay:.2s}
|
||||
.sk-grid-cube:nth-child(2){animation-delay:.3s}
|
||||
.sk-grid-cube:nth-child(3){animation-delay:.4s}
|
||||
.sk-grid-cube:nth-child(4){animation-delay:.1s}
|
||||
.sk-grid-cube:nth-child(5){animation-delay:.2s}
|
||||
.sk-grid-cube:nth-child(6){animation-delay:.3s}
|
||||
.sk-grid-cube:nth-child(7){animation-delay:0s}
|
||||
.sk-grid-cube:nth-child(8){animation-delay:.1s}
|
||||
.sk-grid-cube:nth-child(9){animation-delay:.2s}
|
||||
@keyframes sk-grid{
|
||||
0%,100%,70%{transform:scale3D(1,1,1)}
|
||||
35%{transform:scale3D(0,0,1)}
|
||||
}
|
||||
.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}
|
||||
.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}
|
||||
.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}
|
||||
.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}
|
||||
.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}
|
||||
.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}
|
||||
.sk-fold-cube:nth-child(2):before{animation-delay:.3s}
|
||||
.sk-fold-cube:nth-child(4):before{animation-delay:.6s}
|
||||
.sk-fold-cube:nth-child(3):before{animation-delay:.9s}
|
||||
@keyframes sk-fold{
|
||||
0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}
|
||||
25%,75%{transform:perspective(140px) rotateX(0);opacity:1}
|
||||
100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}
|
||||
}
|
||||
.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative}
|
||||
.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both}
|
||||
.sk-wander-cube:nth-child(2){animation-delay:-.5s}
|
||||
.sk-wander-cube:nth-child(3){animation-delay:-1s}
|
||||
@keyframes sk-wander{
|
||||
0%{transform:rotate(0)}
|
||||
25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)}
|
||||
50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)}
|
||||
50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)}
|
||||
75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)}
|
||||
100%{transform:rotate(-360deg)}
|
||||
}
|
1013
venobox/v2/dist/venobox.js
vendored
Normal file
1013
venobox/v2/dist/venobox.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
2
venobox/v2/dist/venobox.min.css
vendored
Normal file
2
venobox/v2/dist/venobox.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
venobox/v2/dist/venobox.min.css.map
vendored
Normal file
1
venobox/v2/dist/venobox.min.css.map
vendored
Normal file
File diff suppressed because one or more lines are too long
7
venobox/v2/dist/venobox.min.js
vendored
Normal file
7
venobox/v2/dist/venobox.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
venobox/v2/dist/venobox.min.js.map
vendored
Normal file
1
venobox/v2/dist/venobox.min.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
32
venobox/v2/package.json
Normal file
32
venobox/v2/package.json
Normal file
@ -0,0 +1,32 @@
|
||||
{
|
||||
"name": "venobox",
|
||||
"version": "2.0.4",
|
||||
"description": "Responsive javascript modal window plugin, touch swipe gallery",
|
||||
"main": "dist/venobox.min.js",
|
||||
"module": "src/venobox.esm.js",
|
||||
"browser": "dist/venobox.min.js",
|
||||
"style": "dist/venobox.min.css",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/nicolafranchini/VenoBox.git"
|
||||
},
|
||||
"keywords": [
|
||||
"lightbox",
|
||||
"modal",
|
||||
"responsive",
|
||||
"plugin",
|
||||
"popup",
|
||||
"gallery",
|
||||
"window",
|
||||
"no-jquery",
|
||||
"vanilla",
|
||||
"touch",
|
||||
"swipe"
|
||||
],
|
||||
"author": "Nicola Franchini (https://veno.es/)",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/nicolafranchini/VenoBox/issues"
|
||||
},
|
||||
"homepage": "https://veno.es/venobox/"
|
||||
}
|
364
venobox/v2/src/venobox.css
Normal file
364
venobox/v2/src/venobox.css
Normal file
File diff suppressed because one or more lines are too long
1004
venobox/v2/src/venobox.esm.js
Normal file
1004
venobox/v2/src/venobox.esm.js
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user