first commit
This commit is contained in:
982
public/style/vendor/lightgallery/css/lightgallery.css
vendored
Normal file
982
public/style/vendor/lightgallery/css/lightgallery.css
vendored
Normal file
@ -0,0 +1,982 @@
|
||||
/*! lightgallery - v1.6.12 - 2019-02-19
|
||||
* http://sachinchoolur.github.io/lightGallery/
|
||||
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
|
||||
@font-face {
|
||||
font-family: 'lg';
|
||||
src: url("../fonts/lg.eot?n1z373");
|
||||
src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.lg-icon {
|
||||
font-family: 'lg';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.lg-actions .lg-next, .lg-actions .lg-prev {
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
border-radius: 2px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
margin-top: -10px;
|
||||
padding: 8px 10px 9px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 1080;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
.lg-actions .lg-next {
|
||||
right: 20px;
|
||||
}
|
||||
.lg-actions .lg-next:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.lg-actions .lg-prev {
|
||||
left: 20px;
|
||||
}
|
||||
.lg-actions .lg-prev:after {
|
||||
content: "\e094";
|
||||
}
|
||||
|
||||
@-webkit-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.lg-outer.lg-right-end .lg-object {
|
||||
-webkit-animation: lg-right-end 0.3s;
|
||||
-o-animation: lg-right-end 0.3s;
|
||||
animation: lg-right-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer.lg-left-end .lg-object {
|
||||
-webkit-animation: lg-left-end 0.3s;
|
||||
-o-animation: lg-left-end 0.3s;
|
||||
animation: lg-left-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.lg-toolbar {
|
||||
z-index: 1082;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.lg-toolbar .lg-icon {
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
height: 47px;
|
||||
line-height: 27px;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
text-decoration: none !important;
|
||||
outline: medium none;
|
||||
-webkit-transition: color 0.2s linear;
|
||||
-o-transition: color 0.2s linear;
|
||||
transition: color 0.2s linear;
|
||||
}
|
||||
.lg-toolbar .lg-icon:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
.lg-toolbar .lg-close:after {
|
||||
content: "\e070";
|
||||
}
|
||||
.lg-toolbar .lg-download:after {
|
||||
content: "\e0f2";
|
||||
}
|
||||
|
||||
.lg-sub-html {
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
bottom: 0;
|
||||
color: #EEE;
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
padding: 10px 40px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
}
|
||||
.lg-sub-html h4 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.lg-sub-html p {
|
||||
font-size: 12px;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
||||
#lg-counter {
|
||||
color: #999;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
padding-left: 20px;
|
||||
padding-top: 12px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.lg-toolbar, .lg-prev, .lg-next {
|
||||
opacity: 1;
|
||||
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
|
||||
}
|
||||
|
||||
.lg-hide-items .lg-prev {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-10px, 0, 0);
|
||||
transform: translate3d(-10px, 0, 0);
|
||||
}
|
||||
.lg-hide-items .lg-next {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(10px, 0, 0);
|
||||
transform: translate3d(10px, 0, 0);
|
||||
}
|
||||
.lg-hide-items .lg-toolbar {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -10px, 0);
|
||||
transform: translate3d(0, -10px, 0);
|
||||
}
|
||||
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5);
|
||||
transform: scale3d(0.5, 0.5, 0.5);
|
||||
opacity: 0;
|
||||
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-outer .lg-thumb-outer {
|
||||
background-color: #0D0A0A;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 1080;
|
||||
max-height: 350px;
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.lg-outer.lg-thumb-open .lg-thumb-outer {
|
||||
-webkit-transform: translate3d(0, 0%, 0);
|
||||
transform: translate3d(0, 0%, 0);
|
||||
}
|
||||
.lg-outer .lg-thumb {
|
||||
padding: 10px 0;
|
||||
height: 100%;
|
||||
margin-bottom: -5px;
|
||||
}
|
||||
.lg-outer .lg-thumb-item {
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.lg-outer .lg-thumb-item {
|
||||
-webkit-transition: border-color 0.25s ease;
|
||||
-o-transition: border-color 0.25s ease;
|
||||
transition: border-color 0.25s ease;
|
||||
}
|
||||
}
|
||||
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
|
||||
border-color: #a90707;
|
||||
}
|
||||
.lg-outer .lg-thumb-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.lg-outer.lg-has-thumb .lg-item {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.lg-outer.lg-can-toggle .lg-item {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.lg-outer.lg-pull-caption-up .lg-sub-html {
|
||||
-webkit-transition: bottom 0.25s ease;
|
||||
-o-transition: bottom 0.25s ease;
|
||||
transition: bottom 0.25s ease;
|
||||
}
|
||||
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
|
||||
bottom: 100px;
|
||||
}
|
||||
.lg-outer .lg-toogle-thumb {
|
||||
background-color: #0D0A0A;
|
||||
border-radius: 2px 2px 0 0;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
font-size: 24px;
|
||||
height: 39px;
|
||||
line-height: 27px;
|
||||
padding: 5px 0;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
text-align: center;
|
||||
top: -39px;
|
||||
width: 50px;
|
||||
}
|
||||
.lg-outer .lg-toogle-thumb:after {
|
||||
content: "\e1ff";
|
||||
}
|
||||
.lg-outer .lg-toogle-thumb:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.lg-outer .lg-video-cont {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 1140px;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.lg-outer .lg-video {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 56.25%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-video .lg-object {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.lg-outer .lg-video .lg-video-play {
|
||||
width: 84px;
|
||||
height: 59px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -42px;
|
||||
margin-top: -30px;
|
||||
z-index: 1080;
|
||||
cursor: pointer;
|
||||
}
|
||||
.lg-outer .lg-has-iframe .lg-video {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
}
|
||||
.lg-outer .lg-has-vimeo .lg-video-play {
|
||||
background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
|
||||
}
|
||||
.lg-outer .lg-has-vimeo:hover .lg-video-play {
|
||||
background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
|
||||
}
|
||||
.lg-outer .lg-has-html5 .lg-video-play {
|
||||
background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
|
||||
height: 64px;
|
||||
margin-left: -32px;
|
||||
margin-top: -32px;
|
||||
width: 64px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.lg-outer .lg-has-html5:hover .lg-video-play {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer .lg-has-youtube .lg-video-play {
|
||||
background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
|
||||
}
|
||||
.lg-outer .lg-has-youtube:hover .lg-video-play {
|
||||
background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
|
||||
}
|
||||
.lg-outer .lg-video-object {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.lg-outer .lg-has-video .lg-video-object {
|
||||
visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.lg-progress-bar {
|
||||
background-color: #333;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1083;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.08s ease 0s;
|
||||
-moz-transition: opacity 0.08s ease 0s;
|
||||
-o-transition: opacity 0.08s ease 0s;
|
||||
transition: opacity 0.08s ease 0s;
|
||||
}
|
||||
.lg-progress-bar .lg-progress {
|
||||
background-color: #a90707;
|
||||
height: 5px;
|
||||
width: 0;
|
||||
}
|
||||
.lg-progress-bar.lg-start .lg-progress {
|
||||
width: 100%;
|
||||
}
|
||||
.lg-show-autoplay .lg-progress-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-autoplay-button:after {
|
||||
content: "\e01d";
|
||||
}
|
||||
.lg-show-autoplay .lg-autoplay-button:after {
|
||||
content: "\e01a";
|
||||
}
|
||||
|
||||
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
|
||||
-webkit-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
#lg-zoom-in:after {
|
||||
content: "\e311";
|
||||
}
|
||||
|
||||
#lg-actual-size {
|
||||
font-size: 20px;
|
||||
}
|
||||
#lg-actual-size:after {
|
||||
content: "\e033";
|
||||
}
|
||||
|
||||
#lg-zoom-out {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
#lg-zoom-out:after {
|
||||
content: "\e312";
|
||||
}
|
||||
.lg-zoomed #lg-zoom-out {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.lg-outer .lg-pager-outer {
|
||||
bottom: 60px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
height: 10px;
|
||||
}
|
||||
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
|
||||
overflow: visible;
|
||||
}
|
||||
.lg-outer .lg-pager-cont {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
|
||||
box-shadow: 0 0 0 2px white inset;
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont {
|
||||
background-color: #fff;
|
||||
color: #FFF;
|
||||
bottom: 100%;
|
||||
height: 83px;
|
||||
left: 0;
|
||||
margin-bottom: 20px;
|
||||
margin-left: -60px;
|
||||
opacity: 0;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
width: 120px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
|
||||
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-pager {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
|
||||
display: block;
|
||||
height: 12px;
|
||||
-webkit-transition: box-shadow 0.3s ease 0s;
|
||||
-o-transition: box-shadow 0.3s ease 0s;
|
||||
transition: box-shadow 0.3s ease 0s;
|
||||
width: 12px;
|
||||
}
|
||||
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
|
||||
box-shadow: 0 0 0 8px white inset;
|
||||
}
|
||||
.lg-outer .lg-caret {
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px dashed;
|
||||
bottom: -10px;
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
position: absolute;
|
||||
vertical-align: middle;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.lg-fullscreen:after {
|
||||
content: "\e20c";
|
||||
}
|
||||
.lg-fullscreen-on .lg-fullscreen:after {
|
||||
content: "\e20d";
|
||||
}
|
||||
|
||||
.lg-outer #lg-dropdown-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
bottom: 0;
|
||||
cursor: default;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1081;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
}
|
||||
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
-moz-transform: translate3d(0, 0px, 0);
|
||||
-o-transform: translate3d(0, 0px, 0);
|
||||
-ms-transform: translate3d(0, 0px, 0);
|
||||
-webkit-transform: translate3d(0, 0px, 0);
|
||||
transform: translate3d(0, 0px, 0);
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.lg-outer.lg-dropdown-active #lg-share {
|
||||
color: #FFF;
|
||||
}
|
||||
.lg-outer .lg-dropdown {
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
font-size: 14px;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: left;
|
||||
top: 50px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-moz-transform: translate3d(0, 5px, 0);
|
||||
-o-transform: translate3d(0, 5px, 0);
|
||||
-ms-transform: translate3d(0, 5px, 0);
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
}
|
||||
.lg-outer .lg-dropdown:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
border: 8px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
right: 16px;
|
||||
top: -16px;
|
||||
}
|
||||
.lg-outer .lg-dropdown > li:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
|
||||
color: #333;
|
||||
}
|
||||
.lg-outer .lg-dropdown a {
|
||||
color: #333;
|
||||
display: block;
|
||||
white-space: pre;
|
||||
padding: 4px 12px;
|
||||
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
.lg-outer .lg-dropdown a:hover {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.lg-outer .lg-dropdown .lg-dropdown-text {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
margin-top: -3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.lg-outer .lg-dropdown .lg-icon {
|
||||
color: #333;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
font-size: 20px;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
margin-right: 8px;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
}
|
||||
.lg-outer #lg-share {
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer #lg-share:after {
|
||||
content: "\e80d";
|
||||
}
|
||||
.lg-outer #lg-share-facebook .lg-icon {
|
||||
color: #3b5998;
|
||||
}
|
||||
.lg-outer #lg-share-facebook .lg-icon:after {
|
||||
content: "\e901";
|
||||
}
|
||||
.lg-outer #lg-share-twitter .lg-icon {
|
||||
color: #00aced;
|
||||
}
|
||||
.lg-outer #lg-share-twitter .lg-icon:after {
|
||||
content: "\e904";
|
||||
}
|
||||
.lg-outer #lg-share-googleplus .lg-icon {
|
||||
color: #dd4b39;
|
||||
}
|
||||
.lg-outer #lg-share-googleplus .lg-icon:after {
|
||||
content: "\e902";
|
||||
}
|
||||
.lg-outer #lg-share-pinterest .lg-icon {
|
||||
color: #cb2027;
|
||||
}
|
||||
.lg-outer #lg-share-pinterest .lg-icon:after {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
.lg-group:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lg-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
text-align: left;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-outer * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lg-outer.lg-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-grab img.lg-object {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer.lg-grabbing img.lg-object {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.lg-outer .lg-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.lg-outer .lg-item {
|
||||
background: url("../img/loading.gif") no-repeat scroll center center transparent;
|
||||
display: none !important;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer.lg-css .lg-current {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.lg-outer .lg-img-wrap {
|
||||
position: absolute;
|
||||
padding: 0 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete {
|
||||
background-image: none;
|
||||
}
|
||||
.lg-outer .lg-item.lg-current {
|
||||
z-index: 1060;
|
||||
}
|
||||
.lg-outer .lg-image {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer .lg-empty-html {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer.lg-hide-download #lg-download {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lg-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1040;
|
||||
background-color: #000;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-backdrop.in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
|
||||
-webkit-transition: none 0s ease 0s !important;
|
||||
-moz-transition: none 0s ease 0s !important;
|
||||
-o-transition: none 0s ease 0s !important;
|
||||
transition: none 0s ease 0s !important;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-use-left .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-current {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
|
||||
-webkit-transition: opacity 0.1s ease 0s;
|
||||
-moz-transition: opacity 0.1s ease 0s;
|
||||
-o-transition: opacity 0.1s ease 0s;
|
||||
transition: opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
|
||||
left: -100%;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
|
||||
left: 100%;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
||||
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lightgallery.css.map */
|
1
public/style/vendor/lightgallery/css/lightgallery.min.css
vendored
Normal file
1
public/style/vendor/lightgallery/css/lightgallery.min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1000000;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
|
BIN
public/style/vendor/lightgallery/fonts/lg.eot
vendored
Normal file
BIN
public/style/vendor/lightgallery/fonts/lg.eot
vendored
Normal file
Binary file not shown.
47
public/style/vendor/lightgallery/fonts/lg.svg
vendored
Normal file
47
public/style/vendor/lightgallery/fonts/lg.svg
vendored
Normal file
@ -0,0 +1,47 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
<json>
|
||||
<![CDATA[
|
||||
{
|
||||
"fontFamily": "lg",
|
||||
"majorVersion": 1,
|
||||
"minorVersion": 0,
|
||||
"fontURL": "https://github.com/sachinchoolur/lightGallery",
|
||||
"copyright": "sachin",
|
||||
"license": "MLT",
|
||||
"licenseURL": "http://opensource.org/licenses/MIT",
|
||||
"version": "Version 1.0",
|
||||
"fontId": "lg",
|
||||
"psName": "lg",
|
||||
"subFamily": "Regular",
|
||||
"fullName": "lg",
|
||||
"description": "Font generated by IcoMoon."
|
||||
}
|
||||
]]>
|
||||
</json>
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="lg" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" />
|
||||
<glyph unicode="" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" />
|
||||
<glyph unicode="" glyph-name="stack-2" data-tags="stack-2" d="M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z" />
|
||||
<glyph unicode="" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
|
||||
<glyph unicode="" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" />
|
||||
<glyph unicode="" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" />
|
||||
<glyph unicode="" glyph-name="vertical_align_bottom" data-tags="vertical_align_bottom" d="M170 128.667h684v-86h-684v86zM682 384.667l-170-172-170 172h128v426h84v-426h128z" />
|
||||
<glyph unicode="" glyph-name="apps" data-tags="apps" d="M682 84.667v172h172v-172h-172zM682 340.667v172h172v-172h-172zM426 596.667v172h172v-172h-172zM682 768.667h172v-172h-172v172zM426 340.667v172h172v-172h-172zM170 340.667v172h172v-172h-172zM170 84.667v172h172v-172h-172zM426 84.667v172h172v-172h-172zM170 596.667v172h172v-172h-172z" />
|
||||
<glyph unicode="" glyph-name="fullscreen" data-tags="fullscreen" d="M598 724.667h212v-212h-84v128h-128v84zM726 212.667v128h84v-212h-212v84h128zM214 512.667v212h212v-84h-128v-128h-84zM298 340.667v-128h128v-84h-212v212h84z" />
|
||||
<glyph unicode="" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" />
|
||||
<glyph unicode="" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
||||
<glyph unicode="" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
||||
<glyph unicode="" glyph-name="share" data-tags="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
|
||||
<glyph unicode="" glyph-name="facebook-with-circle" data-tags="facebook-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z" />
|
||||
<glyph unicode="" glyph-name="google-with-circle" data-tags="google+-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM483.686 249.805c-30.874-15.002-64.102-16.589-76.954-16.589-2.458 0-3.84 0-3.84 0s-1.178 0-2.765 0c-20.070 0-119.962 4.608-119.962 95.59 0 89.395 108.8 96.41 142.131 96.41h0.87c-19.251 25.702-15.258 51.61-15.258 51.61-1.69-0.102-4.147-0.205-7.168-0.205-12.544 0-36.762 1.997-57.549 15.411-25.498 16.384-38.4 44.288-38.4 82.893 0 109.107 119.142 113.51 120.32 113.613h118.989v-2.611c0-13.312-23.91-15.923-40.192-18.125-5.53-0.819-16.64-1.894-19.763-3.482 30.157-16.128 35.021-41.421 35.021-79.104 0-42.906-16.794-65.587-34.611-81.51-11.059-9.882-19.712-17.613-19.712-28.006 0-10.189 11.878-20.582 25.702-32.717 22.579-19.917 53.555-47.002 53.555-92.723 0-47.258-20.326-81.050-60.416-100.454zM742.4 460.8h-76.8v-76.8h-51.2v76.8h-76.8v51.2h76.8v76.8h51.2v-76.8h76.8v-51.2zM421.018 401.92c-2.662 0-5.325-0.102-8.038-0.307-22.733-1.69-43.725-10.189-58.88-24.013-15.053-13.619-22.733-30.822-21.658-48.179 2.304-36.403 41.37-57.702 88.832-54.323 46.694 3.379 77.824 30.31 75.571 66.714-2.15 34.202-31.898 60.109-75.827 60.109zM465.766 599.808c-12.39 43.52-32.358 56.422-63.386 56.422-3.328 0-6.707-0.512-9.933-1.382-13.466-3.84-24.166-15.053-30.106-31.744-6.093-16.896-6.451-34.509-1.229-54.579 9.472-35.891 34.97-61.901 60.672-61.901 3.379 0 6.758 0.41 9.933 1.382 28.109 7.885 45.722 50.79 34.048 91.802z" />
|
||||
<glyph unicode="" glyph-name="pinterest-with-circle" data-tags="pinterest-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z" />
|
||||
<glyph unicode="" glyph-name="twitter-with-circle" data-tags="twitter-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM711.936 549.683c0.205-4.198 0.256-8.397 0.256-12.493 0-128-97.331-275.507-275.405-275.507-54.682 0-105.574 15.974-148.378 43.52 7.526-0.922 15.258-1.28 23.091-1.28 45.363 0 87.091 15.411 120.218 41.421-42.342 0.819-78.080 28.774-90.419 67.174 5.888-1.075 11.93-1.69 18.176-1.69 8.806 0 17.408 1.178 25.498 3.379-44.288 8.909-77.67 48.026-77.67 94.925v1.178c13.056-7.219 28.006-11.622 43.878-12.134-26.010 17.408-43.059 47.002-43.059 80.64 0 17.715 4.762 34.406 13.107 48.691 47.77-58.573 119.040-97.075 199.526-101.222-1.69 7.117-2.509 14.49-2.509 22.118 0 53.402 43.315 96.819 96.819 96.819 27.802 0 52.992-11.776 70.656-30.618 22.067 4.403 42.752 12.39 61.44 23.501-7.219-22.579-22.528-41.574-42.547-53.606 19.61 2.406 38.246 7.578 55.603 15.309-12.954-19.405-29.389-36.506-48.282-50.125z" />
|
||||
</font></defs></svg>
|
After Width: | Height: | Size: 8.6 KiB |
BIN
public/style/vendor/lightgallery/fonts/lg.ttf
vendored
Normal file
BIN
public/style/vendor/lightgallery/fonts/lg.ttf
vendored
Normal file
Binary file not shown.
BIN
public/style/vendor/lightgallery/fonts/lg.woff
vendored
Normal file
BIN
public/style/vendor/lightgallery/fonts/lg.woff
vendored
Normal file
Binary file not shown.
BIN
public/style/vendor/lightgallery/img/loading.gif
vendored
Normal file
BIN
public/style/vendor/lightgallery/img/loading.gif
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.1 KiB |
BIN
public/style/vendor/lightgallery/img/video-play.png
vendored
Normal file
BIN
public/style/vendor/lightgallery/img/video-play.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.4 KiB |
BIN
public/style/vendor/lightgallery/img/vimeo-play.png
vendored
Normal file
BIN
public/style/vendor/lightgallery/img/vimeo-play.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.3 KiB |
BIN
public/style/vendor/lightgallery/img/youtube-play.png
vendored
Normal file
BIN
public/style/vendor/lightgallery/img/youtube-play.png
vendored
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.1 KiB |
3364
public/style/vendor/lightgallery/js/lightgallery-all.js
vendored
Normal file
3364
public/style/vendor/lightgallery/js/lightgallery-all.js
vendored
Normal file
@ -0,0 +1,3364 @@
|
||||
/*! lightgallery - v1.6.12 - 2019-02-19
|
||||
* http://sachinchoolur.github.io/lightGallery/
|
||||
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
|
||||
/*! lightgallery - v1.6.12 - 2019-02-19
|
||||
* http://sachinchoolur.github.io/lightGallery/
|
||||
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(root["jQuery"]);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
|
||||
mode: 'lg-slide',
|
||||
|
||||
// Ex : 'ease'
|
||||
cssEasing: 'ease',
|
||||
|
||||
//'for jquery animation'
|
||||
easing: 'linear',
|
||||
speed: 600,
|
||||
height: '100%',
|
||||
width: '100%',
|
||||
addClass: '',
|
||||
startClass: 'lg-start-zoom',
|
||||
backdropDuration: 150,
|
||||
hideBarsDelay: 6000,
|
||||
|
||||
useLeft: false,
|
||||
|
||||
closable: true,
|
||||
loop: true,
|
||||
escKey: true,
|
||||
keyPress: true,
|
||||
controls: true,
|
||||
slideEndAnimatoin: true,
|
||||
hideControlOnEnd: false,
|
||||
mousewheel: true,
|
||||
|
||||
getCaptionFromTitleOrAlt: true,
|
||||
|
||||
// .lg-item || '.lg-sub-html'
|
||||
appendSubHtmlTo: '.lg-sub-html',
|
||||
|
||||
subHtmlSelectorRelative: false,
|
||||
|
||||
/**
|
||||
* @desc number of preload slides
|
||||
* will exicute only after the current slide is fully loaded.
|
||||
*
|
||||
* @ex you clicked on 4th image and if preload = 1 then 3rd slide and 5th
|
||||
* slide will be loaded in the background after the 4th slide is fully loaded..
|
||||
* if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ...
|
||||
*
|
||||
*/
|
||||
preload: 1,
|
||||
showAfterLoad: true,
|
||||
selector: '',
|
||||
selectWithin: '',
|
||||
nextHtml: '',
|
||||
prevHtml: '',
|
||||
|
||||
// 0, 1
|
||||
index: false,
|
||||
|
||||
iframeMaxWidth: '100%',
|
||||
|
||||
download: true,
|
||||
counter: true,
|
||||
appendCounterTo: '.lg-toolbar',
|
||||
|
||||
swipeThreshold: 50,
|
||||
enableSwipe: true,
|
||||
enableDrag: true,
|
||||
|
||||
dynamic: false,
|
||||
dynamicEl: [],
|
||||
galleryId: 1
|
||||
};
|
||||
|
||||
function Plugin(element, options) {
|
||||
|
||||
// Current lightGallery element
|
||||
this.el = element;
|
||||
|
||||
// Current jquery element
|
||||
this.$el = $(element);
|
||||
|
||||
// lightGallery settings
|
||||
this.s = $.extend({}, defaults, options);
|
||||
|
||||
// When using dynamic mode, ensure dynamicEl is an array
|
||||
if (this.s.dynamic && this.s.dynamicEl !== 'undefined' && this.s.dynamicEl.constructor === Array && !this.s.dynamicEl.length) {
|
||||
throw ('When using dynamic mode, you must also define dynamicEl as an Array.');
|
||||
}
|
||||
|
||||
// lightGallery modules
|
||||
this.modules = {};
|
||||
|
||||
// false when lightgallery complete first slide;
|
||||
this.lGalleryOn = false;
|
||||
|
||||
this.lgBusy = false;
|
||||
|
||||
// Timeout function for hiding controls;
|
||||
this.hideBartimeout = false;
|
||||
|
||||
// To determine browser supports for touch events;
|
||||
this.isTouch = ('ontouchstart' in document.documentElement);
|
||||
|
||||
// Disable hideControlOnEnd if sildeEndAnimation is true
|
||||
if (this.s.slideEndAnimatoin) {
|
||||
this.s.hideControlOnEnd = false;
|
||||
}
|
||||
|
||||
// Gallery items
|
||||
if (this.s.dynamic) {
|
||||
this.$items = this.s.dynamicEl;
|
||||
} else {
|
||||
if (this.s.selector === 'this') {
|
||||
this.$items = this.$el;
|
||||
} else if (this.s.selector !== '') {
|
||||
if (this.s.selectWithin) {
|
||||
this.$items = $(this.s.selectWithin).find(this.s.selector);
|
||||
} else {
|
||||
this.$items = this.$el.find($(this.s.selector));
|
||||
}
|
||||
} else {
|
||||
this.$items = this.$el.children();
|
||||
}
|
||||
}
|
||||
|
||||
// .lg-item
|
||||
this.$slide = '';
|
||||
|
||||
// .lg-outer
|
||||
this.$outer = '';
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
Plugin.prototype.init = function() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
// s.preload should not be more than $item.length
|
||||
if (_this.s.preload > _this.$items.length) {
|
||||
_this.s.preload = _this.$items.length;
|
||||
}
|
||||
|
||||
// if dynamic option is enabled execute immediately
|
||||
var _hash = window.location.hash;
|
||||
if (_hash.indexOf('lg=' + this.s.galleryId) > 0) {
|
||||
|
||||
_this.index = parseInt(_hash.split('&slide=')[1], 10);
|
||||
|
||||
$('body').addClass('lg-from-hash');
|
||||
if (!$('body').hasClass('lg-on')) {
|
||||
setTimeout(function() {
|
||||
_this.build(_this.index);
|
||||
});
|
||||
|
||||
$('body').addClass('lg-on');
|
||||
}
|
||||
}
|
||||
|
||||
if (_this.s.dynamic) {
|
||||
|
||||
_this.$el.trigger('onBeforeOpen.lg');
|
||||
|
||||
_this.index = _this.s.index || 0;
|
||||
|
||||
// prevent accidental double execution
|
||||
if (!$('body').hasClass('lg-on')) {
|
||||
setTimeout(function() {
|
||||
_this.build(_this.index);
|
||||
$('body').addClass('lg-on');
|
||||
});
|
||||
}
|
||||
} else {
|
||||
|
||||
// Using different namespace for click because click event should not unbind if selector is same object('this')
|
||||
_this.$items.on('click.lgcustom', function(event) {
|
||||
|
||||
// For IE8
|
||||
try {
|
||||
event.preventDefault();
|
||||
event.preventDefault();
|
||||
} catch (er) {
|
||||
event.returnValue = false;
|
||||
}
|
||||
|
||||
_this.$el.trigger('onBeforeOpen.lg');
|
||||
|
||||
_this.index = _this.s.index || _this.$items.index(this);
|
||||
|
||||
// prevent accidental double execution
|
||||
if (!$('body').hasClass('lg-on')) {
|
||||
_this.build(_this.index);
|
||||
$('body').addClass('lg-on');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.build = function(index) {
|
||||
|
||||
var _this = this;
|
||||
|
||||
_this.structure();
|
||||
|
||||
// module constructor
|
||||
$.each($.fn.lightGallery.modules, function(key) {
|
||||
_this.modules[key] = new $.fn.lightGallery.modules[key](_this.el);
|
||||
});
|
||||
|
||||
// initiate slide function
|
||||
_this.slide(index, false, false, false);
|
||||
|
||||
if (_this.s.keyPress) {
|
||||
_this.keyPress();
|
||||
}
|
||||
|
||||
if (_this.$items.length > 1) {
|
||||
|
||||
_this.arrow();
|
||||
|
||||
setTimeout(function() {
|
||||
_this.enableDrag();
|
||||
_this.enableSwipe();
|
||||
}, 50);
|
||||
|
||||
if (_this.s.mousewheel) {
|
||||
_this.mousewheel();
|
||||
}
|
||||
} else {
|
||||
_this.$slide.on('click.lg', function() {
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
});
|
||||
}
|
||||
|
||||
_this.counter();
|
||||
|
||||
_this.closeGallery();
|
||||
|
||||
_this.$el.trigger('onAfterOpen.lg');
|
||||
|
||||
// Hide controllers if mouse doesn't move for some period
|
||||
_this.$outer.on('mousemove.lg click.lg touchstart.lg', function() {
|
||||
|
||||
_this.$outer.removeClass('lg-hide-items');
|
||||
|
||||
clearTimeout(_this.hideBartimeout);
|
||||
|
||||
// Timeout will be cleared on each slide movement also
|
||||
_this.hideBartimeout = setTimeout(function() {
|
||||
_this.$outer.addClass('lg-hide-items');
|
||||
}, _this.s.hideBarsDelay);
|
||||
|
||||
});
|
||||
|
||||
_this.$outer.trigger('mousemove.lg');
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.structure = function() {
|
||||
var list = '';
|
||||
var controls = '';
|
||||
var i = 0;
|
||||
var subHtmlCont = '';
|
||||
var template;
|
||||
var _this = this;
|
||||
|
||||
$('body').append('<div class="lg-backdrop"></div>');
|
||||
$('.lg-backdrop').css('transition-duration', this.s.backdropDuration + 'ms');
|
||||
|
||||
// Create gallery items
|
||||
for (i = 0; i < this.$items.length; i++) {
|
||||
list += '<div class="lg-item"></div>';
|
||||
}
|
||||
|
||||
// Create controlls
|
||||
if (this.s.controls && this.$items.length > 1) {
|
||||
controls = '<div class="lg-actions">' +
|
||||
'<button class="lg-prev lg-icon">' + this.s.prevHtml + '</button>' +
|
||||
'<button class="lg-next lg-icon">' + this.s.nextHtml + '</button>' +
|
||||
'</div>';
|
||||
}
|
||||
|
||||
if (this.s.appendSubHtmlTo === '.lg-sub-html') {
|
||||
subHtmlCont = '<div class="lg-sub-html"></div>';
|
||||
}
|
||||
|
||||
template = '<div class="lg-outer ' + this.s.addClass + ' ' + this.s.startClass + '">' +
|
||||
'<div class="lg" style="width:' + this.s.width + '; height:' + this.s.height + '">' +
|
||||
'<div class="lg-inner">' + list + '</div>' +
|
||||
'<div class="lg-toolbar lg-group">' +
|
||||
'<span class="lg-close lg-icon"></span>' +
|
||||
'</div>' +
|
||||
controls +
|
||||
subHtmlCont +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
|
||||
$('body').append(template);
|
||||
this.$outer = $('.lg-outer');
|
||||
this.$slide = this.$outer.find('.lg-item');
|
||||
|
||||
if (this.s.useLeft) {
|
||||
this.$outer.addClass('lg-use-left');
|
||||
|
||||
// Set mode lg-slide if use left is true;
|
||||
this.s.mode = 'lg-slide';
|
||||
} else {
|
||||
this.$outer.addClass('lg-use-css3');
|
||||
}
|
||||
|
||||
// For fixed height gallery
|
||||
_this.setTop();
|
||||
$(window).on('resize.lg orientationchange.lg', function() {
|
||||
setTimeout(function() {
|
||||
_this.setTop();
|
||||
}, 100);
|
||||
});
|
||||
|
||||
// add class lg-current to remove initial transition
|
||||
this.$slide.eq(this.index).addClass('lg-current');
|
||||
|
||||
// add Class for css support and transition mode
|
||||
if (this.doCss()) {
|
||||
this.$outer.addClass('lg-css3');
|
||||
} else {
|
||||
this.$outer.addClass('lg-css');
|
||||
|
||||
// Set speed 0 because no animation will happen if browser doesn't support css3
|
||||
this.s.speed = 0;
|
||||
}
|
||||
|
||||
this.$outer.addClass(this.s.mode);
|
||||
|
||||
if (this.s.enableDrag && this.$items.length > 1) {
|
||||
this.$outer.addClass('lg-grab');
|
||||
}
|
||||
|
||||
if (this.s.showAfterLoad) {
|
||||
this.$outer.addClass('lg-show-after-load');
|
||||
}
|
||||
|
||||
if (this.doCss()) {
|
||||
var $inner = this.$outer.find('.lg-inner');
|
||||
$inner.css('transition-timing-function', this.s.cssEasing);
|
||||
$inner.css('transition-duration', this.s.speed + 'ms');
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
$('.lg-backdrop').addClass('in');
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
_this.$outer.addClass('lg-visible');
|
||||
}, this.s.backdropDuration);
|
||||
|
||||
if (this.s.download) {
|
||||
this.$outer.find('.lg-toolbar').append('<a id="lg-download" target="_blank" download class="lg-download lg-icon"></a>');
|
||||
}
|
||||
|
||||
// Store the current scroll top value to scroll back after closing the gallery..
|
||||
this.prevScrollTop = $(window).scrollTop();
|
||||
|
||||
};
|
||||
|
||||
// For fixed height gallery
|
||||
Plugin.prototype.setTop = function() {
|
||||
if (this.s.height !== '100%') {
|
||||
var wH = $(window).height();
|
||||
var top = (wH - parseInt(this.s.height, 10)) / 2;
|
||||
var $lGallery = this.$outer.find('.lg');
|
||||
if (wH >= parseInt(this.s.height, 10)) {
|
||||
$lGallery.css('top', top + 'px');
|
||||
} else {
|
||||
$lGallery.css('top', '0px');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Find css3 support
|
||||
Plugin.prototype.doCss = function() {
|
||||
// check for css animation support
|
||||
var support = function() {
|
||||
var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition'];
|
||||
var root = document.documentElement;
|
||||
var i = 0;
|
||||
for (i = 0; i < transition.length; i++) {
|
||||
if (transition[i] in root.style) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (support()) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Check the given src is video
|
||||
* @param {String} src
|
||||
* @return {Object} video type
|
||||
* Ex:{ youtube : ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] }
|
||||
*/
|
||||
Plugin.prototype.isVideo = function(src, index) {
|
||||
|
||||
var html;
|
||||
if (this.s.dynamic) {
|
||||
html = this.s.dynamicEl[index].html;
|
||||
} else {
|
||||
html = this.$items.eq(index).attr('data-html');
|
||||
}
|
||||
|
||||
if (!src) {
|
||||
if(html) {
|
||||
return {
|
||||
html5: true
|
||||
};
|
||||
} else {
|
||||
console.error('lightGallery :- data-src is not pvovided on slide item ' + (index + 1) + '. Please make sure the selector property is properly configured. More info - http://sachinchoolur.github.io/lightGallery/demos/html-markup.html');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i);
|
||||
var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i);
|
||||
var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i);
|
||||
var vk = src.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);
|
||||
|
||||
if (youtube) {
|
||||
return {
|
||||
youtube: youtube
|
||||
};
|
||||
} else if (vimeo) {
|
||||
return {
|
||||
vimeo: vimeo
|
||||
};
|
||||
} else if (dailymotion) {
|
||||
return {
|
||||
dailymotion: dailymotion
|
||||
};
|
||||
} else if (vk) {
|
||||
return {
|
||||
vk: vk
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Create image counter
|
||||
* Ex: 1/10
|
||||
*/
|
||||
Plugin.prototype.counter = function() {
|
||||
if (this.s.counter) {
|
||||
$(this.s.appendCounterTo).append('<div id="lg-counter"><span id="lg-counter-current">' + (parseInt(this.index, 10) + 1) + '</span> / <span id="lg-counter-all">' + this.$items.length + '</span></div>');
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc add sub-html into the slide
|
||||
* @param {Number} index - index of the slide
|
||||
*/
|
||||
Plugin.prototype.addHtml = function(index) {
|
||||
var subHtml = null;
|
||||
var subHtmlUrl;
|
||||
var $currentEle;
|
||||
if (this.s.dynamic) {
|
||||
if (this.s.dynamicEl[index].subHtmlUrl) {
|
||||
subHtmlUrl = this.s.dynamicEl[index].subHtmlUrl;
|
||||
} else {
|
||||
subHtml = this.s.dynamicEl[index].subHtml;
|
||||
}
|
||||
} else {
|
||||
$currentEle = this.$items.eq(index);
|
||||
if ($currentEle.attr('data-sub-html-url')) {
|
||||
subHtmlUrl = $currentEle.attr('data-sub-html-url');
|
||||
} else {
|
||||
subHtml = $currentEle.attr('data-sub-html');
|
||||
if (this.s.getCaptionFromTitleOrAlt && !subHtml) {
|
||||
subHtml = $currentEle.attr('title') || $currentEle.find('img').first().attr('alt');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!subHtmlUrl) {
|
||||
if (typeof subHtml !== 'undefined' && subHtml !== null) {
|
||||
|
||||
// get first letter of subhtml
|
||||
// if first letter starts with . or # get the html form the jQuery object
|
||||
var fL = subHtml.substring(0, 1);
|
||||
if (fL === '.' || fL === '#') {
|
||||
if (this.s.subHtmlSelectorRelative && !this.s.dynamic) {
|
||||
subHtml = $currentEle.find(subHtml).html();
|
||||
} else {
|
||||
subHtml = $(subHtml).html();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
subHtml = '';
|
||||
}
|
||||
}
|
||||
|
||||
if (this.s.appendSubHtmlTo === '.lg-sub-html') {
|
||||
|
||||
if (subHtmlUrl) {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).load(subHtmlUrl);
|
||||
} else {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).html(subHtml);
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
if (subHtmlUrl) {
|
||||
this.$slide.eq(index).load(subHtmlUrl);
|
||||
} else {
|
||||
this.$slide.eq(index).append(subHtml);
|
||||
}
|
||||
}
|
||||
|
||||
// Add lg-empty-html class if title doesn't exist
|
||||
if (typeof subHtml !== 'undefined' && subHtml !== null) {
|
||||
if (subHtml === '') {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).addClass('lg-empty-html');
|
||||
} else {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).removeClass('lg-empty-html');
|
||||
}
|
||||
}
|
||||
|
||||
this.$el.trigger('onAfterAppendSubHtml.lg', [index]);
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Preload slides
|
||||
* @param {Number} index - index of the slide
|
||||
*/
|
||||
Plugin.prototype.preload = function(index) {
|
||||
var i = 1;
|
||||
var j = 1;
|
||||
for (i = 1; i <= this.s.preload; i++) {
|
||||
if (i >= this.$items.length - index) {
|
||||
break;
|
||||
}
|
||||
|
||||
this.loadContent(index + i, false, 0);
|
||||
}
|
||||
|
||||
for (j = 1; j <= this.s.preload; j++) {
|
||||
if (index - j < 0) {
|
||||
break;
|
||||
}
|
||||
|
||||
this.loadContent(index - j, false, 0);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Load slide content into slide.
|
||||
* @param {Number} index - index of the slide.
|
||||
* @param {Boolean} rec - if true call loadcontent() function again.
|
||||
* @param {Boolean} delay - delay for adding complete class. it is 0 except first time.
|
||||
*/
|
||||
Plugin.prototype.loadContent = function(index, rec, delay) {
|
||||
|
||||
var _this = this;
|
||||
var _hasPoster = false;
|
||||
var _$img;
|
||||
var _src;
|
||||
var _poster;
|
||||
var _srcset;
|
||||
var _sizes;
|
||||
var _html;
|
||||
var getResponsiveSrc = function(srcItms) {
|
||||
var rsWidth = [];
|
||||
var rsSrc = [];
|
||||
for (var i = 0; i < srcItms.length; i++) {
|
||||
var __src = srcItms[i].split(' ');
|
||||
|
||||
// Manage empty space
|
||||
if (__src[0] === '') {
|
||||
__src.splice(0, 1);
|
||||
}
|
||||
|
||||
rsSrc.push(__src[0]);
|
||||
rsWidth.push(__src[1]);
|
||||
}
|
||||
|
||||
var wWidth = $(window).width();
|
||||
for (var j = 0; j < rsWidth.length; j++) {
|
||||
if (parseInt(rsWidth[j], 10) > wWidth) {
|
||||
_src = rsSrc[j];
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (_this.s.dynamic) {
|
||||
|
||||
if (_this.s.dynamicEl[index].poster) {
|
||||
_hasPoster = true;
|
||||
_poster = _this.s.dynamicEl[index].poster;
|
||||
}
|
||||
|
||||
_html = _this.s.dynamicEl[index].html;
|
||||
_src = _this.s.dynamicEl[index].src;
|
||||
|
||||
if (_this.s.dynamicEl[index].responsive) {
|
||||
var srcDyItms = _this.s.dynamicEl[index].responsive.split(',');
|
||||
getResponsiveSrc(srcDyItms);
|
||||
}
|
||||
|
||||
_srcset = _this.s.dynamicEl[index].srcset;
|
||||
_sizes = _this.s.dynamicEl[index].sizes;
|
||||
|
||||
} else {
|
||||
|
||||
if (_this.$items.eq(index).attr('data-poster')) {
|
||||
_hasPoster = true;
|
||||
_poster = _this.$items.eq(index).attr('data-poster');
|
||||
}
|
||||
|
||||
_html = _this.$items.eq(index).attr('data-html');
|
||||
_src = _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src');
|
||||
|
||||
if (_this.$items.eq(index).attr('data-responsive')) {
|
||||
var srcItms = _this.$items.eq(index).attr('data-responsive').split(',');
|
||||
getResponsiveSrc(srcItms);
|
||||
}
|
||||
|
||||
_srcset = _this.$items.eq(index).attr('data-srcset');
|
||||
_sizes = _this.$items.eq(index).attr('data-sizes');
|
||||
|
||||
}
|
||||
|
||||
//if (_src || _srcset || _sizes || _poster) {
|
||||
|
||||
var iframe = false;
|
||||
if (_this.s.dynamic) {
|
||||
if (_this.s.dynamicEl[index].iframe) {
|
||||
iframe = true;
|
||||
}
|
||||
} else {
|
||||
if (_this.$items.eq(index).attr('data-iframe') === 'true') {
|
||||
iframe = true;
|
||||
}
|
||||
}
|
||||
|
||||
var _isVideo = _this.isVideo(_src, index);
|
||||
if (!_this.$slide.eq(index).hasClass('lg-loaded')) {
|
||||
if (iframe) {
|
||||
_this.$slide.eq(index).prepend('<div class="lg-video-cont lg-has-iframe" style="max-width:' + _this.s.iframeMaxWidth + '"><div class="lg-video"><iframe class="lg-object" frameborder="0" src="' + _src + '" allowfullscreen="true"></iframe></div></div>');
|
||||
} else if (_hasPoster) {
|
||||
var videoClass = '';
|
||||
if (_isVideo && _isVideo.youtube) {
|
||||
videoClass = 'lg-has-youtube';
|
||||
} else if (_isVideo && _isVideo.vimeo) {
|
||||
videoClass = 'lg-has-vimeo';
|
||||
} else {
|
||||
videoClass = 'lg-has-html5';
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).prepend('<div class="lg-video-cont ' + videoClass + ' "><div class="lg-video"><span class="lg-video-play"></span><img class="lg-object lg-has-poster" src="' + _poster + '" /></div></div>');
|
||||
|
||||
} else if (_isVideo) {
|
||||
_this.$slide.eq(index).prepend('<div class="lg-video-cont "><div class="lg-video"></div></div>');
|
||||
_this.$el.trigger('hasVideo.lg', [index, _src, _html]);
|
||||
} else {
|
||||
_this.$slide.eq(index).prepend('<div class="lg-img-wrap"><img class="lg-object lg-image" src="' + _src + '" /></div>');
|
||||
}
|
||||
|
||||
_this.$el.trigger('onAferAppendSlide.lg', [index]);
|
||||
|
||||
_$img = _this.$slide.eq(index).find('.lg-object');
|
||||
if (_sizes) {
|
||||
_$img.attr('sizes', _sizes);
|
||||
}
|
||||
|
||||
if (_srcset) {
|
||||
_$img.attr('srcset', _srcset);
|
||||
try {
|
||||
picturefill({
|
||||
elements: [_$img[0]]
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn('lightGallery :- If you want srcset to be supported for older browser please include picturefil version 2 javascript library in your document.');
|
||||
}
|
||||
}
|
||||
|
||||
if (this.s.appendSubHtmlTo !== '.lg-sub-html') {
|
||||
_this.addHtml(index);
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).addClass('lg-loaded');
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {
|
||||
|
||||
// For first time add some delay for displaying the start animation.
|
||||
var _speed = 0;
|
||||
|
||||
// Do not change the delay value because it is required for zoom plugin.
|
||||
// If gallery opened from direct url (hash) speed value should be 0
|
||||
if (delay && !$('body').hasClass('lg-from-hash')) {
|
||||
_speed = delay;
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
_this.$slide.eq(index).addClass('lg-complete');
|
||||
_this.$el.trigger('onSlideItemLoad.lg', [index, delay || 0]);
|
||||
}, _speed);
|
||||
|
||||
});
|
||||
|
||||
// @todo check load state for html5 videos
|
||||
if (_isVideo && _isVideo.html5 && !_hasPoster) {
|
||||
_this.$slide.eq(index).addClass('lg-complete');
|
||||
}
|
||||
|
||||
if (rec === true) {
|
||||
if (!_this.$slide.eq(index).hasClass('lg-complete')) {
|
||||
_this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {
|
||||
_this.preload(index);
|
||||
});
|
||||
} else {
|
||||
_this.preload(index);
|
||||
}
|
||||
}
|
||||
|
||||
//}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc slide function for lightgallery
|
||||
** Slide() gets call on start
|
||||
** ** Set lg.on true once slide() function gets called.
|
||||
** Call loadContent() on slide() function inside setTimeout
|
||||
** ** On first slide we do not want any animation like slide of fade
|
||||
** ** So on first slide( if lg.on if false that is first slide) loadContent() should start loading immediately
|
||||
** ** Else loadContent() should wait for the transition to complete.
|
||||
** ** So set timeout s.speed + 50
|
||||
<=> ** loadContent() will load slide content in to the particular slide
|
||||
** ** It has recursion (rec) parameter. if rec === true loadContent() will call preload() function.
|
||||
** ** preload will execute only when the previous slide is fully loaded (images iframe)
|
||||
** ** avoid simultaneous image load
|
||||
<=> ** Preload() will check for s.preload value and call loadContent() again accoring to preload value
|
||||
** loadContent() <====> Preload();
|
||||
|
||||
* @param {Number} index - index of the slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag
|
||||
* @param {Boolean} fromThumb - true if slide function called via thumbnail click
|
||||
* @param {String} direction - Direction of the slide(next/prev)
|
||||
*/
|
||||
Plugin.prototype.slide = function(index, fromTouch, fromThumb, direction) {
|
||||
|
||||
var _prevIndex = this.$outer.find('.lg-current').index();
|
||||
var _this = this;
|
||||
|
||||
// Prevent if multiple call
|
||||
// Required for hsh plugin
|
||||
if (_this.lGalleryOn && (_prevIndex === index)) {
|
||||
return;
|
||||
}
|
||||
|
||||
var _length = this.$slide.length;
|
||||
var _time = _this.lGalleryOn ? this.s.speed : 0;
|
||||
|
||||
if (!_this.lgBusy) {
|
||||
|
||||
if (this.s.download) {
|
||||
var _src;
|
||||
if (_this.s.dynamic) {
|
||||
_src = _this.s.dynamicEl[index].downloadUrl !== false && (_this.s.dynamicEl[index].downloadUrl || _this.s.dynamicEl[index].src);
|
||||
} else {
|
||||
_src = _this.$items.eq(index).attr('data-download-url') !== 'false' && (_this.$items.eq(index).attr('data-download-url') || _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src'));
|
||||
|
||||
}
|
||||
|
||||
if (_src) {
|
||||
$('#lg-download').attr('href', _src);
|
||||
_this.$outer.removeClass('lg-hide-download');
|
||||
} else {
|
||||
_this.$outer.addClass('lg-hide-download');
|
||||
}
|
||||
}
|
||||
|
||||
this.$el.trigger('onBeforeSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
|
||||
|
||||
_this.lgBusy = true;
|
||||
|
||||
clearTimeout(_this.hideBartimeout);
|
||||
|
||||
// Add title if this.s.appendSubHtmlTo === lg-sub-html
|
||||
if (this.s.appendSubHtmlTo === '.lg-sub-html') {
|
||||
|
||||
// wait for slide animation to complete
|
||||
setTimeout(function() {
|
||||
_this.addHtml(index);
|
||||
}, _time);
|
||||
}
|
||||
|
||||
this.arrowDisable(index);
|
||||
|
||||
if (!direction) {
|
||||
if (index < _prevIndex) {
|
||||
direction = 'prev';
|
||||
} else if (index > _prevIndex) {
|
||||
direction = 'next';
|
||||
}
|
||||
}
|
||||
|
||||
if (!fromTouch) {
|
||||
|
||||
// remove all transitions
|
||||
_this.$outer.addClass('lg-no-trans');
|
||||
|
||||
this.$slide.removeClass('lg-prev-slide lg-next-slide');
|
||||
|
||||
if (direction === 'prev') {
|
||||
|
||||
//prevslide
|
||||
this.$slide.eq(index).addClass('lg-prev-slide');
|
||||
this.$slide.eq(_prevIndex).addClass('lg-next-slide');
|
||||
} else {
|
||||
|
||||
// next slide
|
||||
this.$slide.eq(index).addClass('lg-next-slide');
|
||||
this.$slide.eq(_prevIndex).addClass('lg-prev-slide');
|
||||
}
|
||||
|
||||
// give 50 ms for browser to add/remove class
|
||||
setTimeout(function() {
|
||||
_this.$slide.removeClass('lg-current');
|
||||
|
||||
//_this.$slide.eq(_prevIndex).removeClass('lg-current');
|
||||
_this.$slide.eq(index).addClass('lg-current');
|
||||
|
||||
// reset all transitions
|
||||
_this.$outer.removeClass('lg-no-trans');
|
||||
}, 50);
|
||||
} else {
|
||||
|
||||
this.$slide.removeClass('lg-prev-slide lg-current lg-next-slide');
|
||||
var touchPrev;
|
||||
var touchNext;
|
||||
if (_length > 2) {
|
||||
touchPrev = index - 1;
|
||||
touchNext = index + 1;
|
||||
|
||||
if ((index === 0) && (_prevIndex === _length - 1)) {
|
||||
|
||||
// next slide
|
||||
touchNext = 0;
|
||||
touchPrev = _length - 1;
|
||||
} else if ((index === _length - 1) && (_prevIndex === 0)) {
|
||||
|
||||
// prev slide
|
||||
touchNext = 0;
|
||||
touchPrev = _length - 1;
|
||||
}
|
||||
|
||||
} else {
|
||||
touchPrev = 0;
|
||||
touchNext = 1;
|
||||
}
|
||||
|
||||
if (direction === 'prev') {
|
||||
_this.$slide.eq(touchNext).addClass('lg-next-slide');
|
||||
} else {
|
||||
_this.$slide.eq(touchPrev).addClass('lg-prev-slide');
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).addClass('lg-current');
|
||||
}
|
||||
|
||||
if (_this.lGalleryOn) {
|
||||
setTimeout(function() {
|
||||
_this.loadContent(index, true, 0);
|
||||
}, this.s.speed + 50);
|
||||
|
||||
setTimeout(function() {
|
||||
_this.lgBusy = false;
|
||||
_this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
|
||||
}, this.s.speed);
|
||||
|
||||
} else {
|
||||
_this.loadContent(index, true, _this.s.backdropDuration);
|
||||
|
||||
_this.lgBusy = false;
|
||||
_this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
|
||||
}
|
||||
|
||||
_this.lGalleryOn = true;
|
||||
|
||||
if (this.s.counter) {
|
||||
$('#lg-counter-current').text(index + 1);
|
||||
}
|
||||
|
||||
}
|
||||
_this.index = index;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Go to next slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event
|
||||
*/
|
||||
Plugin.prototype.goToNextSlide = function(fromTouch) {
|
||||
var _this = this;
|
||||
var _loop = _this.s.loop;
|
||||
if (fromTouch && _this.$slide.length < 3) {
|
||||
_loop = false;
|
||||
}
|
||||
|
||||
if (!_this.lgBusy) {
|
||||
if ((_this.index + 1) < _this.$slide.length) {
|
||||
_this.index++;
|
||||
_this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
|
||||
_this.slide(_this.index, fromTouch, false, 'next');
|
||||
} else {
|
||||
if (_loop) {
|
||||
_this.index = 0;
|
||||
_this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
|
||||
_this.slide(_this.index, fromTouch, false, 'next');
|
||||
} else if (_this.s.slideEndAnimatoin && !fromTouch) {
|
||||
_this.$outer.addClass('lg-right-end');
|
||||
setTimeout(function() {
|
||||
_this.$outer.removeClass('lg-right-end');
|
||||
}, 400);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Go to previous slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event
|
||||
*/
|
||||
Plugin.prototype.goToPrevSlide = function(fromTouch) {
|
||||
var _this = this;
|
||||
var _loop = _this.s.loop;
|
||||
if (fromTouch && _this.$slide.length < 3) {
|
||||
_loop = false;
|
||||
}
|
||||
|
||||
if (!_this.lgBusy) {
|
||||
if (_this.index > 0) {
|
||||
_this.index--;
|
||||
_this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
|
||||
_this.slide(_this.index, fromTouch, false, 'prev');
|
||||
} else {
|
||||
if (_loop) {
|
||||
_this.index = _this.$items.length - 1;
|
||||
_this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
|
||||
_this.slide(_this.index, fromTouch, false, 'prev');
|
||||
} else if (_this.s.slideEndAnimatoin && !fromTouch) {
|
||||
_this.$outer.addClass('lg-left-end');
|
||||
setTimeout(function() {
|
||||
_this.$outer.removeClass('lg-left-end');
|
||||
}, 400);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.keyPress = function() {
|
||||
var _this = this;
|
||||
if (this.$items.length > 1) {
|
||||
$(window).on('keyup.lg', function(e) {
|
||||
if (_this.$items.length > 1) {
|
||||
if (e.keyCode === 37) {
|
||||
e.preventDefault();
|
||||
_this.goToPrevSlide();
|
||||
}
|
||||
|
||||
if (e.keyCode === 39) {
|
||||
e.preventDefault();
|
||||
_this.goToNextSlide();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(window).on('keydown.lg', function(e) {
|
||||
if (_this.s.escKey === true && e.keyCode === 27) {
|
||||
e.preventDefault();
|
||||
if (!_this.$outer.hasClass('lg-thumb-open')) {
|
||||
_this.destroy();
|
||||
} else {
|
||||
_this.$outer.removeClass('lg-thumb-open');
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Plugin.prototype.arrow = function() {
|
||||
var _this = this;
|
||||
this.$outer.find('.lg-prev').on('click.lg', function() {
|
||||
_this.goToPrevSlide();
|
||||
});
|
||||
|
||||
this.$outer.find('.lg-next').on('click.lg', function() {
|
||||
_this.goToNextSlide();
|
||||
});
|
||||
};
|
||||
|
||||
Plugin.prototype.arrowDisable = function(index) {
|
||||
|
||||
// Disable arrows if s.hideControlOnEnd is true
|
||||
if (!this.s.loop && this.s.hideControlOnEnd) {
|
||||
if ((index + 1) < this.$slide.length) {
|
||||
this.$outer.find('.lg-next').removeAttr('disabled').removeClass('disabled');
|
||||
} else {
|
||||
this.$outer.find('.lg-next').attr('disabled', 'disabled').addClass('disabled');
|
||||
}
|
||||
|
||||
if (index > 0) {
|
||||
this.$outer.find('.lg-prev').removeAttr('disabled').removeClass('disabled');
|
||||
} else {
|
||||
this.$outer.find('.lg-prev').attr('disabled', 'disabled').addClass('disabled');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.setTranslate = function($el, xValue, yValue) {
|
||||
// jQuery supports Automatic CSS prefixing since jQuery 1.8.0
|
||||
if (this.s.useLeft) {
|
||||
$el.css('left', xValue);
|
||||
} else {
|
||||
$el.css({
|
||||
transform: 'translate3d(' + (xValue) + 'px, ' + yValue + 'px, 0px)'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.touchMove = function(startCoords, endCoords) {
|
||||
|
||||
var distance = endCoords - startCoords;
|
||||
|
||||
if (Math.abs(distance) > 15) {
|
||||
// reset opacity and transition duration
|
||||
this.$outer.addClass('lg-dragging');
|
||||
|
||||
// move current slide
|
||||
this.setTranslate(this.$slide.eq(this.index), distance, 0);
|
||||
|
||||
// move next and prev slide with current slide
|
||||
this.setTranslate($('.lg-prev-slide'), -this.$slide.eq(this.index).width() + distance, 0);
|
||||
this.setTranslate($('.lg-next-slide'), this.$slide.eq(this.index).width() + distance, 0);
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.touchEnd = function(distance) {
|
||||
var _this = this;
|
||||
|
||||
// keep slide animation for any mode while dragg/swipe
|
||||
if (_this.s.mode !== 'lg-slide') {
|
||||
_this.$outer.addClass('lg-slide');
|
||||
}
|
||||
|
||||
this.$slide.not('.lg-current, .lg-prev-slide, .lg-next-slide').css('opacity', '0');
|
||||
|
||||
// set transition duration
|
||||
setTimeout(function() {
|
||||
_this.$outer.removeClass('lg-dragging');
|
||||
if ((distance < 0) && (Math.abs(distance) > _this.s.swipeThreshold)) {
|
||||
_this.goToNextSlide(true);
|
||||
} else if ((distance > 0) && (Math.abs(distance) > _this.s.swipeThreshold)) {
|
||||
_this.goToPrevSlide(true);
|
||||
} else if (Math.abs(distance) < 5) {
|
||||
|
||||
// Trigger click if distance is less than 5 pix
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
}
|
||||
|
||||
_this.$slide.removeAttr('style');
|
||||
});
|
||||
|
||||
// remove slide class once drag/swipe is completed if mode is not slide
|
||||
setTimeout(function() {
|
||||
if (!_this.$outer.hasClass('lg-dragging') && _this.s.mode !== 'lg-slide') {
|
||||
_this.$outer.removeClass('lg-slide');
|
||||
}
|
||||
}, _this.s.speed + 100);
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.enableSwipe = function() {
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isMoved = false;
|
||||
|
||||
if (_this.s.enableSwipe && _this.doCss()) {
|
||||
|
||||
_this.$slide.on('touchstart.lg', function(e) {
|
||||
if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy) {
|
||||
e.preventDefault();
|
||||
_this.manageSwipeClass();
|
||||
startCoords = e.originalEvent.targetTouches[0].pageX;
|
||||
}
|
||||
});
|
||||
|
||||
_this.$slide.on('touchmove.lg', function(e) {
|
||||
if (!_this.$outer.hasClass('lg-zoomed')) {
|
||||
e.preventDefault();
|
||||
endCoords = e.originalEvent.targetTouches[0].pageX;
|
||||
_this.touchMove(startCoords, endCoords);
|
||||
isMoved = true;
|
||||
}
|
||||
});
|
||||
|
||||
_this.$slide.on('touchend.lg', function() {
|
||||
if (!_this.$outer.hasClass('lg-zoomed')) {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
_this.touchEnd(endCoords - startCoords);
|
||||
} else {
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.enableDrag = function() {
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isDraging = false;
|
||||
var isMoved = false;
|
||||
if (_this.s.enableDrag && _this.doCss()) {
|
||||
_this.$slide.on('mousedown.lg', function(e) {
|
||||
if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy && !$(e.target).text().trim()) {
|
||||
e.preventDefault();
|
||||
_this.manageSwipeClass();
|
||||
startCoords = e.pageX;
|
||||
isDraging = true;
|
||||
|
||||
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
|
||||
_this.$outer.scrollLeft += 1;
|
||||
_this.$outer.scrollLeft -= 1;
|
||||
|
||||
// *
|
||||
|
||||
_this.$outer.removeClass('lg-grab').addClass('lg-grabbing');
|
||||
|
||||
_this.$el.trigger('onDragstart.lg');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mousemove.lg', function(e) {
|
||||
if (isDraging) {
|
||||
isMoved = true;
|
||||
endCoords = e.pageX;
|
||||
_this.touchMove(startCoords, endCoords);
|
||||
_this.$el.trigger('onDragmove.lg');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mouseup.lg', function(e) {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
_this.touchEnd(endCoords - startCoords);
|
||||
_this.$el.trigger('onDragend.lg');
|
||||
} else if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) {
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
}
|
||||
|
||||
// Prevent execution on click
|
||||
if (isDraging) {
|
||||
isDraging = false;
|
||||
_this.$outer.removeClass('lg-grabbing').addClass('lg-grab');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.manageSwipeClass = function() {
|
||||
var _touchNext = this.index + 1;
|
||||
var _touchPrev = this.index - 1;
|
||||
if (this.s.loop && this.$slide.length > 2) {
|
||||
if (this.index === 0) {
|
||||
_touchPrev = this.$slide.length - 1;
|
||||
} else if (this.index === this.$slide.length - 1) {
|
||||
_touchNext = 0;
|
||||
}
|
||||
}
|
||||
|
||||
this.$slide.removeClass('lg-next-slide lg-prev-slide');
|
||||
if (_touchPrev > -1) {
|
||||
this.$slide.eq(_touchPrev).addClass('lg-prev-slide');
|
||||
}
|
||||
|
||||
this.$slide.eq(_touchNext).addClass('lg-next-slide');
|
||||
};
|
||||
|
||||
Plugin.prototype.mousewheel = function() {
|
||||
var _this = this;
|
||||
_this.$outer.on('mousewheel.lg', function(e) {
|
||||
|
||||
if (!e.deltaY) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (e.deltaY > 0) {
|
||||
_this.goToPrevSlide();
|
||||
} else {
|
||||
_this.goToNextSlide();
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.closeGallery = function() {
|
||||
|
||||
var _this = this;
|
||||
var mousedown = false;
|
||||
this.$outer.find('.lg-close').on('click.lg', function() {
|
||||
_this.destroy();
|
||||
});
|
||||
|
||||
if (_this.s.closable) {
|
||||
|
||||
// If you drag the slide and release outside gallery gets close on chrome
|
||||
// for preventing this check mousedown and mouseup happened on .lg-item or lg-outer
|
||||
_this.$outer.on('mousedown.lg', function(e) {
|
||||
|
||||
if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap')) {
|
||||
mousedown = true;
|
||||
} else {
|
||||
mousedown = false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
_this.$outer.on('mousemove.lg', function() {
|
||||
mousedown = false;
|
||||
});
|
||||
|
||||
_this.$outer.on('mouseup.lg', function(e) {
|
||||
|
||||
if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap') && mousedown) {
|
||||
if (!_this.$outer.hasClass('lg-dragging')) {
|
||||
_this.destroy();
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.destroy = function(d) {
|
||||
|
||||
var _this = this;
|
||||
|
||||
if (!d) {
|
||||
_this.$el.trigger('onBeforeClose.lg');
|
||||
$(window).scrollTop(_this.prevScrollTop);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* if d is false or undefined destroy will only close the gallery
|
||||
* plugins instance remains with the element
|
||||
*
|
||||
* if d is true destroy will completely remove the plugin
|
||||
*/
|
||||
|
||||
if (d) {
|
||||
if (!_this.s.dynamic) {
|
||||
// only when not using dynamic mode is $items a jquery collection
|
||||
this.$items.off('click.lg click.lgcustom');
|
||||
}
|
||||
|
||||
$.removeData(_this.el, 'lightGallery');
|
||||
}
|
||||
|
||||
// Unbind all events added by lightGallery
|
||||
this.$el.off('.lg.tm');
|
||||
|
||||
// Distroy all lightGallery modules
|
||||
$.each($.fn.lightGallery.modules, function(key) {
|
||||
if (_this.modules[key]) {
|
||||
_this.modules[key].destroy();
|
||||
}
|
||||
});
|
||||
|
||||
this.lGalleryOn = false;
|
||||
|
||||
clearTimeout(_this.hideBartimeout);
|
||||
this.hideBartimeout = false;
|
||||
$(window).off('.lg');
|
||||
$('body').removeClass('lg-on lg-from-hash');
|
||||
|
||||
if (_this.$outer) {
|
||||
_this.$outer.removeClass('lg-visible');
|
||||
}
|
||||
|
||||
$('.lg-backdrop').removeClass('in');
|
||||
|
||||
setTimeout(function() {
|
||||
if (_this.$outer) {
|
||||
_this.$outer.remove();
|
||||
}
|
||||
|
||||
$('.lg-backdrop').remove();
|
||||
|
||||
if (!d) {
|
||||
_this.$el.trigger('onCloseAfter.lg');
|
||||
}
|
||||
|
||||
}, _this.s.backdropDuration + 50);
|
||||
};
|
||||
|
||||
$.fn.lightGallery = function(options) {
|
||||
return this.each(function() {
|
||||
if (!$.data(this, 'lightGallery')) {
|
||||
$.data(this, 'lightGallery', new Plugin(this, options));
|
||||
} else {
|
||||
try {
|
||||
$(this).data('lightGallery').init();
|
||||
} catch (err) {
|
||||
console.error('lightGallery has not initiated properly');
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules = {};
|
||||
|
||||
})();
|
||||
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-autoplay - v1.0.4 - 2017-03-28
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
autoplay: false,
|
||||
pause: 5000,
|
||||
progressBar: true,
|
||||
fourceAutoplay: false,
|
||||
autoplayControls: true,
|
||||
appendAutoplayControlsTo: '.lg-toolbar'
|
||||
};
|
||||
|
||||
/**
|
||||
* Creates the autoplay plugin.
|
||||
* @param {object} element - lightGallery element
|
||||
*/
|
||||
var Autoplay = function(element) {
|
||||
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
this.$el = $(element);
|
||||
|
||||
// Execute only if items are above 1
|
||||
if (this.core.$items.length < 2) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
this.interval = false;
|
||||
|
||||
// Identify if slide happened from autoplay
|
||||
this.fromAuto = true;
|
||||
|
||||
// Identify if autoplay canceled from touch/drag
|
||||
this.canceledOnTouch = false;
|
||||
|
||||
// save fourceautoplay value
|
||||
this.fourceAutoplayTemp = this.core.s.fourceAutoplay;
|
||||
|
||||
// do not allow progress bar if browser does not support css3 transitions
|
||||
if (!this.core.doCss()) {
|
||||
this.core.s.progressBar = false;
|
||||
}
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Autoplay.prototype.init = function() {
|
||||
var _this = this;
|
||||
|
||||
// append autoplay controls
|
||||
if (_this.core.s.autoplayControls) {
|
||||
_this.controls();
|
||||
}
|
||||
|
||||
// Create progress bar
|
||||
if (_this.core.s.progressBar) {
|
||||
_this.core.$outer.find('.lg').append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>');
|
||||
}
|
||||
|
||||
// set progress
|
||||
_this.progress();
|
||||
|
||||
// Start autoplay
|
||||
if (_this.core.s.autoplay) {
|
||||
_this.$el.one('onSlideItemLoad.lg.tm', function() {
|
||||
_this.startlAuto();
|
||||
});
|
||||
}
|
||||
|
||||
// cancel interval on touchstart and dragstart
|
||||
_this.$el.on('onDragstart.lg.tm touchstart.lg.tm', function() {
|
||||
if (_this.interval) {
|
||||
_this.cancelAuto();
|
||||
_this.canceledOnTouch = true;
|
||||
}
|
||||
});
|
||||
|
||||
// restore autoplay if autoplay canceled from touchstart / dragstart
|
||||
_this.$el.on('onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm', function() {
|
||||
if (!_this.interval && _this.canceledOnTouch) {
|
||||
_this.startlAuto();
|
||||
_this.canceledOnTouch = false;
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Autoplay.prototype.progress = function() {
|
||||
|
||||
var _this = this;
|
||||
var _$progressBar;
|
||||
var _$progress;
|
||||
|
||||
_this.$el.on('onBeforeSlide.lg.tm', function() {
|
||||
|
||||
// start progress bar animation
|
||||
if (_this.core.s.progressBar && _this.fromAuto) {
|
||||
_$progressBar = _this.core.$outer.find('.lg-progress-bar');
|
||||
_$progress = _this.core.$outer.find('.lg-progress');
|
||||
if (_this.interval) {
|
||||
_$progress.removeAttr('style');
|
||||
_$progressBar.removeClass('lg-start');
|
||||
setTimeout(function() {
|
||||
_$progress.css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
|
||||
_$progressBar.addClass('lg-start');
|
||||
}, 20);
|
||||
}
|
||||
}
|
||||
|
||||
// Remove setinterval if slide is triggered manually and fourceautoplay is false
|
||||
if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {
|
||||
_this.cancelAuto();
|
||||
}
|
||||
|
||||
_this.fromAuto = false;
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
// Manage autoplay via play/stop buttons
|
||||
Autoplay.prototype.controls = function() {
|
||||
var _this = this;
|
||||
var _html = '<span class="lg-autoplay-button lg-icon"></span>';
|
||||
|
||||
// Append autoplay controls
|
||||
$(this.core.s.appendAutoplayControlsTo).append(_html);
|
||||
|
||||
_this.core.$outer.find('.lg-autoplay-button').on('click.lg', function() {
|
||||
if ($(_this.core.$outer).hasClass('lg-show-autoplay')) {
|
||||
_this.cancelAuto();
|
||||
_this.core.s.fourceAutoplay = false;
|
||||
} else {
|
||||
if (!_this.interval) {
|
||||
_this.startlAuto();
|
||||
_this.core.s.fourceAutoplay = _this.fourceAutoplayTemp;
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Autostart gallery
|
||||
Autoplay.prototype.startlAuto = function() {
|
||||
var _this = this;
|
||||
|
||||
_this.core.$outer.find('.lg-progress').css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
|
||||
_this.core.$outer.addClass('lg-show-autoplay');
|
||||
_this.core.$outer.find('.lg-progress-bar').addClass('lg-start');
|
||||
|
||||
_this.interval = setInterval(function() {
|
||||
if (_this.core.index + 1 < _this.core.$items.length) {
|
||||
_this.core.index++;
|
||||
} else {
|
||||
_this.core.index = 0;
|
||||
}
|
||||
|
||||
_this.fromAuto = true;
|
||||
_this.core.slide(_this.core.index, false, false, 'next');
|
||||
}, _this.core.s.speed + _this.core.s.pause);
|
||||
};
|
||||
|
||||
// cancel Autostart
|
||||
Autoplay.prototype.cancelAuto = function() {
|
||||
clearInterval(this.interval);
|
||||
this.interval = false;
|
||||
this.core.$outer.find('.lg-progress').removeAttr('style');
|
||||
this.core.$outer.removeClass('lg-show-autoplay');
|
||||
this.core.$outer.find('.lg-progress-bar').removeClass('lg-start');
|
||||
};
|
||||
|
||||
Autoplay.prototype.destroy = function() {
|
||||
|
||||
this.cancelAuto();
|
||||
this.core.$outer.find('.lg-progress-bar').remove();
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules.autoplay = Autoplay;
|
||||
|
||||
})();
|
||||
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-fullscreen - v1.1.0 - 2019-02-19
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(root["jQuery"]);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
fullScreen: true
|
||||
};
|
||||
|
||||
function isFullScreen() {
|
||||
return (
|
||||
document.fullscreenElement ||
|
||||
document.mozFullScreenElement ||
|
||||
document.webkitFullscreenElement ||
|
||||
document.msFullscreenElement
|
||||
);
|
||||
}
|
||||
|
||||
var Fullscreen = function(element) {
|
||||
|
||||
// get lightGallery core plugin data
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
this.$el = $(element);
|
||||
|
||||
// extend module defalut settings with lightGallery core settings
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Fullscreen.prototype.init = function() {
|
||||
var fullScreen = '';
|
||||
if (this.core.s.fullScreen) {
|
||||
|
||||
// check for fullscreen browser support
|
||||
if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled &&
|
||||
!document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
|
||||
return;
|
||||
} else {
|
||||
fullScreen = '<span class="lg-fullscreen lg-icon"></span>';
|
||||
this.core.$outer.find('.lg-toolbar').append(fullScreen);
|
||||
this.fullScreen();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Fullscreen.prototype.requestFullscreen = function() {
|
||||
var el = document.documentElement;
|
||||
if (el.requestFullscreen) {
|
||||
el.requestFullscreen();
|
||||
} else if (el.msRequestFullscreen) {
|
||||
el.msRequestFullscreen();
|
||||
} else if (el.mozRequestFullScreen) {
|
||||
el.mozRequestFullScreen();
|
||||
} else if (el.webkitRequestFullscreen) {
|
||||
el.webkitRequestFullscreen();
|
||||
}
|
||||
};
|
||||
|
||||
Fullscreen.prototype.exitFullscreen = function() {
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
} else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitExitFullscreen) {
|
||||
document.webkitExitFullscreen();
|
||||
}
|
||||
};
|
||||
|
||||
// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
|
||||
Fullscreen.prototype.fullScreen = function() {
|
||||
var _this = this;
|
||||
|
||||
$(document).on('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg', function() {
|
||||
_this.core.$outer.toggleClass('lg-fullscreen-on');
|
||||
});
|
||||
|
||||
this.core.$outer.find('.lg-fullscreen').on('click.lg', function() {
|
||||
if (isFullScreen()) {
|
||||
_this.exitFullscreen();
|
||||
} else {
|
||||
_this.requestFullscreen();
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Fullscreen.prototype.destroy = function() {
|
||||
|
||||
// exit from fullscreen if activated
|
||||
if(isFullScreen()) {
|
||||
this.exitFullscreen();
|
||||
}
|
||||
|
||||
$(document).off('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg');
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules.fullscreen = Fullscreen;
|
||||
|
||||
})();
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-pager - v1.0.2 - 2017-01-22
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
pager: false
|
||||
};
|
||||
|
||||
var Pager = function(element) {
|
||||
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
this.$el = $(element);
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
if (this.core.s.pager && this.core.$items.length > 1) {
|
||||
this.init();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Pager.prototype.init = function() {
|
||||
var _this = this;
|
||||
var pagerList = '';
|
||||
var $pagerCont;
|
||||
var $pagerOuter;
|
||||
var timeout;
|
||||
|
||||
_this.core.$outer.find('.lg').append('<div class="lg-pager-outer"></div>');
|
||||
|
||||
if (_this.core.s.dynamic) {
|
||||
for (var i = 0; i < _this.core.s.dynamicEl.length; i++) {
|
||||
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.s.dynamicEl[i].thumb + '" /></div></span>';
|
||||
}
|
||||
} else {
|
||||
_this.core.$items.each(function() {
|
||||
|
||||
if (!_this.core.s.exThumbImage) {
|
||||
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + $(this).find('img').attr('src') + '" /></div></span>';
|
||||
} else {
|
||||
pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + $(this).attr(_this.core.s.exThumbImage) + '" /></div></span>';
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
$pagerOuter = _this.core.$outer.find('.lg-pager-outer');
|
||||
|
||||
$pagerOuter.html(pagerList);
|
||||
|
||||
$pagerCont = _this.core.$outer.find('.lg-pager-cont');
|
||||
$pagerCont.on('click.lg touchend.lg', function() {
|
||||
var _$this = $(this);
|
||||
_this.core.index = _$this.index();
|
||||
_this.core.slide(_this.core.index, false, true, false);
|
||||
});
|
||||
|
||||
$pagerOuter.on('mouseover.lg', function() {
|
||||
clearTimeout(timeout);
|
||||
$pagerOuter.addClass('lg-pager-hover');
|
||||
});
|
||||
|
||||
$pagerOuter.on('mouseout.lg', function() {
|
||||
timeout = setTimeout(function() {
|
||||
$pagerOuter.removeClass('lg-pager-hover');
|
||||
});
|
||||
});
|
||||
|
||||
_this.core.$el.on('onBeforeSlide.lg.tm', function(e, prevIndex, index) {
|
||||
$pagerCont.removeClass('lg-pager-active');
|
||||
$pagerCont.eq(index).addClass('lg-pager-active');
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Pager.prototype.destroy = function() {
|
||||
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules.pager = Pager;
|
||||
|
||||
})();
|
||||
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-thumbnail - v1.1.0 - 2017-08-08
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
thumbnail: true,
|
||||
|
||||
animateThumb: true,
|
||||
currentPagerPosition: 'middle',
|
||||
|
||||
thumbWidth: 100,
|
||||
thumbHeight: '80px',
|
||||
thumbContHeight: 100,
|
||||
thumbMargin: 5,
|
||||
|
||||
exThumbImage: false,
|
||||
showThumbByDefault: true,
|
||||
toogleThumb: true,
|
||||
pullCaptionUp: true,
|
||||
|
||||
enableThumbDrag: true,
|
||||
enableThumbSwipe: true,
|
||||
swipeThreshold: 50,
|
||||
|
||||
loadYoutubeThumbnail: true,
|
||||
youtubeThumbSize: 1,
|
||||
|
||||
loadVimeoThumbnail: true,
|
||||
vimeoThumbSize: 'thumbnail_small',
|
||||
|
||||
loadDailymotionThumbnail: true
|
||||
};
|
||||
|
||||
var Thumbnail = function(element) {
|
||||
|
||||
// get lightGallery core plugin data
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
// extend module default settings with lightGallery core settings
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
|
||||
this.$el = $(element);
|
||||
this.$thumbOuter = null;
|
||||
this.thumbOuterWidth = 0;
|
||||
this.thumbTotalWidth = (this.core.$items.length * (this.core.s.thumbWidth + this.core.s.thumbMargin));
|
||||
this.thumbIndex = this.core.index;
|
||||
|
||||
if (this.core.s.animateThumb) {
|
||||
this.core.s.thumbHeight = '100%';
|
||||
}
|
||||
|
||||
// Thumbnail animation value
|
||||
this.left = 0;
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Thumbnail.prototype.init = function() {
|
||||
var _this = this;
|
||||
if (this.core.s.thumbnail && this.core.$items.length > 1) {
|
||||
if (this.core.s.showThumbByDefault) {
|
||||
setTimeout(function(){
|
||||
_this.core.$outer.addClass('lg-thumb-open');
|
||||
}, 700);
|
||||
}
|
||||
|
||||
if (this.core.s.pullCaptionUp) {
|
||||
this.core.$outer.addClass('lg-pull-caption-up');
|
||||
}
|
||||
|
||||
this.build();
|
||||
if (this.core.s.animateThumb && this.core.doCss()) {
|
||||
if (this.core.s.enableThumbDrag) {
|
||||
this.enableThumbDrag();
|
||||
}
|
||||
|
||||
if (this.core.s.enableThumbSwipe) {
|
||||
this.enableThumbSwipe();
|
||||
}
|
||||
|
||||
this.thumbClickable = false;
|
||||
} else {
|
||||
this.thumbClickable = true;
|
||||
}
|
||||
|
||||
this.toogle();
|
||||
this.thumbkeyPress();
|
||||
}
|
||||
};
|
||||
|
||||
Thumbnail.prototype.build = function() {
|
||||
var _this = this;
|
||||
var thumbList = '';
|
||||
var vimeoErrorThumbSize = '';
|
||||
var $thumb;
|
||||
var html = '<div class="lg-thumb-outer">' +
|
||||
'<div class="lg-thumb lg-group">' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
|
||||
switch (this.core.s.vimeoThumbSize) {
|
||||
case 'thumbnail_large':
|
||||
vimeoErrorThumbSize = '640';
|
||||
break;
|
||||
case 'thumbnail_medium':
|
||||
vimeoErrorThumbSize = '200x150';
|
||||
break;
|
||||
case 'thumbnail_small':
|
||||
vimeoErrorThumbSize = '100x75';
|
||||
}
|
||||
|
||||
_this.core.$outer.addClass('lg-has-thumb');
|
||||
|
||||
_this.core.$outer.find('.lg').append(html);
|
||||
|
||||
_this.$thumbOuter = _this.core.$outer.find('.lg-thumb-outer');
|
||||
_this.thumbOuterWidth = _this.$thumbOuter.width();
|
||||
|
||||
if (_this.core.s.animateThumb) {
|
||||
_this.core.$outer.find('.lg-thumb').css({
|
||||
width: _this.thumbTotalWidth + 'px',
|
||||
position: 'relative'
|
||||
});
|
||||
}
|
||||
|
||||
if (this.core.s.animateThumb) {
|
||||
_this.$thumbOuter.css('height', _this.core.s.thumbContHeight + 'px');
|
||||
}
|
||||
|
||||
function getThumb(src, thumb, index) {
|
||||
var isVideo = _this.core.isVideo(src, index) || {};
|
||||
var thumbImg;
|
||||
var vimeoId = '';
|
||||
|
||||
if (isVideo.youtube || isVideo.vimeo || isVideo.dailymotion) {
|
||||
if (isVideo.youtube) {
|
||||
if (_this.core.s.loadYoutubeThumbnail) {
|
||||
thumbImg = '//img.youtube.com/vi/' + isVideo.youtube[1] + '/' + _this.core.s.youtubeThumbSize + '.jpg';
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
} else if (isVideo.vimeo) {
|
||||
if (_this.core.s.loadVimeoThumbnail) {
|
||||
thumbImg = '//i.vimeocdn.com/video/error_' + vimeoErrorThumbSize + '.jpg';
|
||||
vimeoId = isVideo.vimeo[1];
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
} else if (isVideo.dailymotion) {
|
||||
if (_this.core.s.loadDailymotionThumbnail) {
|
||||
thumbImg = '//www.dailymotion.com/thumbnail/video/' + isVideo.dailymotion[1];
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
thumbImg = thumb;
|
||||
}
|
||||
|
||||
thumbList += '<div data-vimeo-id="' + vimeoId + '" class="lg-thumb-item" style="width:' + _this.core.s.thumbWidth + 'px; height: ' + _this.core.s.thumbHeight + '; margin-right: ' + _this.core.s.thumbMargin + 'px"><img src="' + thumbImg + '" /></div>';
|
||||
vimeoId = '';
|
||||
}
|
||||
|
||||
if (_this.core.s.dynamic) {
|
||||
for (var i = 0; i < _this.core.s.dynamicEl.length; i++) {
|
||||
getThumb(_this.core.s.dynamicEl[i].src, _this.core.s.dynamicEl[i].thumb, i);
|
||||
}
|
||||
} else {
|
||||
_this.core.$items.each(function(i) {
|
||||
|
||||
if (!_this.core.s.exThumbImage) {
|
||||
getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).find('img').attr('src'), i);
|
||||
} else {
|
||||
getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).attr(_this.core.s.exThumbImage), i);
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
_this.core.$outer.find('.lg-thumb').html(thumbList);
|
||||
|
||||
$thumb = _this.core.$outer.find('.lg-thumb-item');
|
||||
|
||||
// Load vimeo thumbnails
|
||||
$thumb.each(function() {
|
||||
var $this = $(this);
|
||||
var vimeoVideoId = $this.attr('data-vimeo-id');
|
||||
|
||||
if (vimeoVideoId) {
|
||||
$.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoId + '.json?callback=?', {
|
||||
format: 'json'
|
||||
}, function(data) {
|
||||
$this.find('img').attr('src', data[0][_this.core.s.vimeoThumbSize]);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// manage active class for thumbnail
|
||||
$thumb.eq(_this.core.index).addClass('active');
|
||||
_this.core.$el.on('onBeforeSlide.lg.tm', function() {
|
||||
$thumb.removeClass('active');
|
||||
$thumb.eq(_this.core.index).addClass('active');
|
||||
});
|
||||
|
||||
$thumb.on('click.lg touchend.lg', function() {
|
||||
var _$this = $(this);
|
||||
setTimeout(function() {
|
||||
|
||||
// In IE9 and bellow touch does not support
|
||||
// Go to slide if browser does not support css transitions
|
||||
if ((_this.thumbClickable && !_this.core.lgBusy) || !_this.core.doCss()) {
|
||||
_this.core.index = _$this.index();
|
||||
_this.core.slide(_this.core.index, false, true, false);
|
||||
}
|
||||
}, 50);
|
||||
});
|
||||
|
||||
_this.core.$el.on('onBeforeSlide.lg.tm', function() {
|
||||
_this.animateThumb(_this.core.index);
|
||||
});
|
||||
|
||||
$(window).on('resize.lg.thumb orientationchange.lg.thumb', function() {
|
||||
setTimeout(function() {
|
||||
_this.animateThumb(_this.core.index);
|
||||
_this.thumbOuterWidth = _this.$thumbOuter.width();
|
||||
}, 200);
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Thumbnail.prototype.setTranslate = function(value) {
|
||||
// jQuery supports Automatic CSS prefixing since jQuery 1.8.0
|
||||
this.core.$outer.find('.lg-thumb').css({
|
||||
transform: 'translate3d(-' + (value) + 'px, 0px, 0px)'
|
||||
});
|
||||
};
|
||||
|
||||
Thumbnail.prototype.animateThumb = function(index) {
|
||||
var $thumb = this.core.$outer.find('.lg-thumb');
|
||||
if (this.core.s.animateThumb) {
|
||||
var position;
|
||||
switch (this.core.s.currentPagerPosition) {
|
||||
case 'left':
|
||||
position = 0;
|
||||
break;
|
||||
case 'middle':
|
||||
position = (this.thumbOuterWidth / 2) - (this.core.s.thumbWidth / 2);
|
||||
break;
|
||||
case 'right':
|
||||
position = this.thumbOuterWidth - this.core.s.thumbWidth;
|
||||
}
|
||||
this.left = ((this.core.s.thumbWidth + this.core.s.thumbMargin) * index - 1) - position;
|
||||
if (this.left > (this.thumbTotalWidth - this.thumbOuterWidth)) {
|
||||
this.left = this.thumbTotalWidth - this.thumbOuterWidth;
|
||||
}
|
||||
|
||||
if (this.left < 0) {
|
||||
this.left = 0;
|
||||
}
|
||||
|
||||
if (this.core.lGalleryOn) {
|
||||
if (!$thumb.hasClass('on')) {
|
||||
this.core.$outer.find('.lg-thumb').css('transition-duration', this.core.s.speed + 'ms');
|
||||
}
|
||||
|
||||
if (!this.core.doCss()) {
|
||||
$thumb.animate({
|
||||
left: -this.left + 'px'
|
||||
}, this.core.s.speed);
|
||||
}
|
||||
} else {
|
||||
if (!this.core.doCss()) {
|
||||
$thumb.css('left', -this.left + 'px');
|
||||
}
|
||||
}
|
||||
|
||||
this.setTranslate(this.left);
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
// Enable thumbnail dragging and swiping
|
||||
Thumbnail.prototype.enableThumbDrag = function() {
|
||||
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isDraging = false;
|
||||
var isMoved = false;
|
||||
var tempLeft = 0;
|
||||
|
||||
_this.$thumbOuter.addClass('lg-grab');
|
||||
|
||||
_this.core.$outer.find('.lg-thumb').on('mousedown.lg.thumb', function(e) {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
// execute only on .lg-object
|
||||
e.preventDefault();
|
||||
startCoords = e.pageX;
|
||||
isDraging = true;
|
||||
|
||||
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
|
||||
_this.core.$outer.scrollLeft += 1;
|
||||
_this.core.$outer.scrollLeft -= 1;
|
||||
|
||||
// *
|
||||
_this.thumbClickable = false;
|
||||
_this.$thumbOuter.removeClass('lg-grab').addClass('lg-grabbing');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mousemove.lg.thumb', function(e) {
|
||||
if (isDraging) {
|
||||
tempLeft = _this.left;
|
||||
isMoved = true;
|
||||
endCoords = e.pageX;
|
||||
|
||||
_this.$thumbOuter.addClass('lg-dragging');
|
||||
|
||||
tempLeft = tempLeft - (endCoords - startCoords);
|
||||
|
||||
if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) {
|
||||
tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;
|
||||
}
|
||||
|
||||
if (tempLeft < 0) {
|
||||
tempLeft = 0;
|
||||
}
|
||||
|
||||
// move current slide
|
||||
_this.setTranslate(tempLeft);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mouseup.lg.thumb', function() {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
_this.$thumbOuter.removeClass('lg-dragging');
|
||||
|
||||
_this.left = tempLeft;
|
||||
|
||||
if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
|
||||
} else {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
|
||||
if (isDraging) {
|
||||
isDraging = false;
|
||||
_this.$thumbOuter.removeClass('lg-grabbing').addClass('lg-grab');
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Thumbnail.prototype.enableThumbSwipe = function() {
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isMoved = false;
|
||||
var tempLeft = 0;
|
||||
|
||||
_this.core.$outer.find('.lg-thumb').on('touchstart.lg', function(e) {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
e.preventDefault();
|
||||
startCoords = e.originalEvent.targetTouches[0].pageX;
|
||||
_this.thumbClickable = false;
|
||||
}
|
||||
});
|
||||
|
||||
_this.core.$outer.find('.lg-thumb').on('touchmove.lg', function(e) {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
e.preventDefault();
|
||||
endCoords = e.originalEvent.targetTouches[0].pageX;
|
||||
isMoved = true;
|
||||
|
||||
_this.$thumbOuter.addClass('lg-dragging');
|
||||
|
||||
tempLeft = _this.left;
|
||||
|
||||
tempLeft = tempLeft - (endCoords - startCoords);
|
||||
|
||||
if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) {
|
||||
tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;
|
||||
}
|
||||
|
||||
if (tempLeft < 0) {
|
||||
tempLeft = 0;
|
||||
}
|
||||
|
||||
// move current slide
|
||||
_this.setTranslate(tempLeft);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
_this.core.$outer.find('.lg-thumb').on('touchend.lg', function() {
|
||||
if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
|
||||
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
_this.$thumbOuter.removeClass('lg-dragging');
|
||||
if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
|
||||
_this.left = tempLeft;
|
||||
} else {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
} else {
|
||||
_this.thumbClickable = true;
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Thumbnail.prototype.toogle = function() {
|
||||
var _this = this;
|
||||
if (_this.core.s.toogleThumb) {
|
||||
_this.core.$outer.addClass('lg-can-toggle');
|
||||
_this.$thumbOuter.append('<span class="lg-toogle-thumb lg-icon"></span>');
|
||||
_this.core.$outer.find('.lg-toogle-thumb').on('click.lg', function() {
|
||||
_this.core.$outer.toggleClass('lg-thumb-open');
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Thumbnail.prototype.thumbkeyPress = function() {
|
||||
var _this = this;
|
||||
$(window).on('keydown.lg.thumb', function(e) {
|
||||
if (e.keyCode === 38) {
|
||||
e.preventDefault();
|
||||
_this.core.$outer.addClass('lg-thumb-open');
|
||||
} else if (e.keyCode === 40) {
|
||||
e.preventDefault();
|
||||
_this.core.$outer.removeClass('lg-thumb-open');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Thumbnail.prototype.destroy = function() {
|
||||
if (this.core.s.thumbnail && this.core.$items.length > 1) {
|
||||
$(window).off('resize.lg.thumb orientationchange.lg.thumb keydown.lg.thumb');
|
||||
this.$thumbOuter.remove();
|
||||
this.core.$outer.removeClass('lg-has-thumb');
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules.Thumbnail = Thumbnail;
|
||||
|
||||
})();
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-video - v1.2.2 - 2018-05-01
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(root["jQuery"]);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
videoMaxWidth: '855px',
|
||||
|
||||
autoplayFirstVideo: true,
|
||||
|
||||
youtubePlayerParams: false,
|
||||
vimeoPlayerParams: false,
|
||||
dailymotionPlayerParams: false,
|
||||
vkPlayerParams: false,
|
||||
|
||||
videojs: false,
|
||||
videojsOptions: {}
|
||||
};
|
||||
|
||||
var Video = function(element) {
|
||||
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
this.$el = $(element);
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
this.videoLoaded = false;
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Video.prototype.init = function() {
|
||||
var _this = this;
|
||||
|
||||
// Event triggered when video url found without poster
|
||||
_this.core.$el.on('hasVideo.lg.tm', onHasVideo.bind(this));
|
||||
|
||||
// Set max width for video
|
||||
_this.core.$el.on('onAferAppendSlide.lg.tm', onAferAppendSlide.bind(this));
|
||||
|
||||
if (_this.core.doCss() && (_this.core.$items.length > 1) && (_this.core.s.enableSwipe || _this.core.s.enableDrag)) {
|
||||
_this.core.$el.on('onSlideClick.lg.tm', function() {
|
||||
var $el = _this.core.$slide.eq(_this.core.index);
|
||||
_this.loadVideoOnclick($el);
|
||||
});
|
||||
} else {
|
||||
|
||||
// For IE 9 and bellow
|
||||
_this.core.$slide.on('click.lg', function() {
|
||||
_this.loadVideoOnclick($(this));
|
||||
});
|
||||
}
|
||||
|
||||
_this.core.$el.on('onBeforeSlide.lg.tm', onBeforeSlide.bind(this));
|
||||
|
||||
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex) {
|
||||
_this.core.$slide.eq(prevIndex).removeClass('lg-video-playing');
|
||||
});
|
||||
|
||||
if (_this.core.s.autoplayFirstVideo) {
|
||||
_this.core.$el.on('onAferAppendSlide.lg.tm', function (e, index) {
|
||||
if (!_this.core.lGalleryOn) {
|
||||
var $el = _this.core.$slide.eq(index);
|
||||
setTimeout(function () {
|
||||
_this.loadVideoOnclick($el);
|
||||
}, 100);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Video.prototype.loadVideo = function(src, addClass, noPoster, index, html) {
|
||||
var video = '';
|
||||
var autoplay = 1;
|
||||
var a = '';
|
||||
var isVideo = this.core.isVideo(src, index) || {};
|
||||
|
||||
// Enable autoplay based on setting for first video if poster doesn't exist
|
||||
if (noPoster) {
|
||||
if (this.videoLoaded) {
|
||||
autoplay = 0;
|
||||
} else {
|
||||
autoplay = this.core.s.autoplayFirstVideo ? 1 : 0;
|
||||
}
|
||||
}
|
||||
|
||||
if (isVideo.youtube) {
|
||||
|
||||
a = '?wmode=opaque&autoplay=' + autoplay + '&enablejsapi=1';
|
||||
if (this.core.s.youtubePlayerParams) {
|
||||
a = a + '&' + $.param(this.core.s.youtubePlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-youtube ' + addClass + '" width="560" height="315" src="//www.youtube.com/embed/' + isVideo.youtube[1] + a + '" frameborder="0" allowfullscreen></iframe>';
|
||||
|
||||
} else if (isVideo.vimeo) {
|
||||
|
||||
a = '?autoplay=' + autoplay + '&api=1';
|
||||
if (this.core.s.vimeoPlayerParams) {
|
||||
a = a + '&' + $.param(this.core.s.vimeoPlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-vimeo ' + addClass + '" width="560" height="315" src="//player.vimeo.com/video/' + isVideo.vimeo[1] + a + '" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||
|
||||
} else if (isVideo.dailymotion) {
|
||||
|
||||
a = '?wmode=opaque&autoplay=' + autoplay + '&api=postMessage';
|
||||
if (this.core.s.dailymotionPlayerParams) {
|
||||
a = a + '&' + $.param(this.core.s.dailymotionPlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-dailymotion ' + addClass + '" width="560" height="315" src="//www.dailymotion.com/embed/video/' + isVideo.dailymotion[1] + a + '" frameborder="0" allowfullscreen></iframe>';
|
||||
|
||||
} else if (isVideo.html5) {
|
||||
var fL = html.substring(0, 1);
|
||||
if (fL === '.' || fL === '#') {
|
||||
html = $(html).html();
|
||||
}
|
||||
|
||||
video = html;
|
||||
|
||||
} else if (isVideo.vk) {
|
||||
|
||||
a = '&autoplay=' + autoplay;
|
||||
if (this.core.s.vkPlayerParams) {
|
||||
a = a + '&' + $.param(this.core.s.vkPlayerParams);
|
||||
}
|
||||
|
||||
video = '<iframe class="lg-video-object lg-vk ' + addClass + '" width="560" height="315" src="//vk.com/video_ext.php?' + isVideo.vk[1] + a + '" frameborder="0" allowfullscreen></iframe>';
|
||||
|
||||
}
|
||||
|
||||
return video;
|
||||
};
|
||||
|
||||
Video.prototype.loadVideoOnclick = function($el){
|
||||
|
||||
var _this = this;
|
||||
// check slide has poster
|
||||
if ($el.find('.lg-object').hasClass('lg-has-poster') && $el.find('.lg-object').is(':visible')) {
|
||||
|
||||
// check already video element present
|
||||
if (!$el.hasClass('lg-has-video')) {
|
||||
|
||||
$el.addClass('lg-video-playing lg-has-video');
|
||||
|
||||
var _src;
|
||||
var _html;
|
||||
var _loadVideo = function(_src, _html) {
|
||||
|
||||
$el.find('.lg-video').append(_this.loadVideo(_src, '', false, _this.core.index, _html));
|
||||
|
||||
if (_html) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() {
|
||||
this.play();
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0).play();
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if (_this.core.s.dynamic) {
|
||||
|
||||
_src = _this.core.s.dynamicEl[_this.core.index].src;
|
||||
_html = _this.core.s.dynamicEl[_this.core.index].html;
|
||||
|
||||
_loadVideo(_src, _html);
|
||||
|
||||
} else {
|
||||
|
||||
_src = _this.core.$items.eq(_this.core.index).attr('href') || _this.core.$items.eq(_this.core.index).attr('data-src');
|
||||
_html = _this.core.$items.eq(_this.core.index).attr('data-html');
|
||||
|
||||
_loadVideo(_src, _html);
|
||||
|
||||
}
|
||||
|
||||
var $tempImg = $el.find('.lg-object');
|
||||
$el.find('.lg-video').append($tempImg);
|
||||
|
||||
// @todo loading icon for html5 videos also
|
||||
// for showing the loading indicator while loading video
|
||||
if (!$el.find('.lg-video-object').hasClass('lg-html5')) {
|
||||
$el.removeClass('lg-complete');
|
||||
$el.find('.lg-video-object').on('load.lg error.lg', function() {
|
||||
$el.addClass('lg-complete');
|
||||
});
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
var youtubePlayer = $el.find('.lg-youtube').get(0);
|
||||
var vimeoPlayer = $el.find('.lg-vimeo').get(0);
|
||||
var dailymotionPlayer = $el.find('.lg-dailymotion').get(0);
|
||||
var html5Player = $el.find('.lg-html5').get(0);
|
||||
if (youtubePlayer) {
|
||||
youtubePlayer.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
|
||||
} else if (vimeoPlayer) {
|
||||
try {
|
||||
$f(vimeoPlayer).api('play');
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included froogaloop2 js');
|
||||
}
|
||||
} else if (dailymotionPlayer) {
|
||||
dailymotionPlayer.contentWindow.postMessage('play', '*');
|
||||
|
||||
} else if (html5Player) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(html5Player).play();
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
html5Player.play();
|
||||
}
|
||||
}
|
||||
|
||||
$el.addClass('lg-video-playing');
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Video.prototype.destroy = function() {
|
||||
this.videoLoaded = false;
|
||||
};
|
||||
|
||||
function onHasVideo(event, index, src, html) {
|
||||
/*jshint validthis:true */
|
||||
var _this = this;
|
||||
_this.core.$slide.eq(index).find('.lg-video').append(_this.loadVideo(src, 'lg-object', true, index, html));
|
||||
if (html) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(_this.core.$slide.eq(index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() {
|
||||
if (!_this.videoLoaded && _this.core.s.autoplayFirstVideo) {
|
||||
this.play();
|
||||
}
|
||||
});
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
if(!_this.videoLoaded && _this.core.s.autoplayFirstVideo) {
|
||||
_this.core.$slide.eq(index).find('.lg-html5').get(0).play();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onAferAppendSlide(event, index) {
|
||||
/*jshint validthis:true */
|
||||
var $videoCont = this.core.$slide.eq(index).find('.lg-video-cont');
|
||||
if (!$videoCont.hasClass('lg-has-iframe')) {
|
||||
$videoCont.css('max-width', this.core.s.videoMaxWidth);
|
||||
this.videoLoaded = true;
|
||||
}
|
||||
}
|
||||
|
||||
function onBeforeSlide(event, prevIndex, index) {
|
||||
/*jshint validthis:true */
|
||||
var _this = this;
|
||||
|
||||
var $videoSlide = _this.core.$slide.eq(prevIndex);
|
||||
var youtubePlayer = $videoSlide.find('.lg-youtube').get(0);
|
||||
var vimeoPlayer = $videoSlide.find('.lg-vimeo').get(0);
|
||||
var dailymotionPlayer = $videoSlide.find('.lg-dailymotion').get(0);
|
||||
var vkPlayer = $videoSlide.find('.lg-vk').get(0);
|
||||
var html5Player = $videoSlide.find('.lg-html5').get(0);
|
||||
if (youtubePlayer) {
|
||||
youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
|
||||
} else if (vimeoPlayer) {
|
||||
try {
|
||||
$f(vimeoPlayer).api('pause');
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included froogaloop2 js');
|
||||
}
|
||||
} else if (dailymotionPlayer) {
|
||||
dailymotionPlayer.contentWindow.postMessage('pause', '*');
|
||||
|
||||
} else if (html5Player) {
|
||||
if (_this.core.s.videojs) {
|
||||
try {
|
||||
videojs(html5Player).pause();
|
||||
} catch (e) {
|
||||
console.error('Make sure you have included videojs');
|
||||
}
|
||||
} else {
|
||||
html5Player.pause();
|
||||
}
|
||||
} if (vkPlayer) {
|
||||
$(vkPlayer).attr('src', $(vkPlayer).attr('src').replace('&autoplay', '&noplay'));
|
||||
}
|
||||
|
||||
var _src;
|
||||
if (_this.core.s.dynamic) {
|
||||
_src = _this.core.s.dynamicEl[index].src;
|
||||
} else {
|
||||
_src = _this.core.$items.eq(index).attr('href') || _this.core.$items.eq(index).attr('data-src');
|
||||
|
||||
}
|
||||
|
||||
var _isVideo = _this.core.isVideo(_src, index) || {};
|
||||
if (_isVideo.youtube || _isVideo.vimeo || _isVideo.dailymotion || _isVideo.vk) {
|
||||
_this.core.$outer.addClass('lg-hide-download');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
$.fn.lightGallery.modules.video = Video;
|
||||
|
||||
})();
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-zoom - v1.1.0 - 2017-08-08
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var getUseLeft = function() {
|
||||
var useLeft = false;
|
||||
var isChrome = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
|
||||
if (isChrome && parseInt(isChrome[2], 10) < 54) {
|
||||
useLeft = true;
|
||||
}
|
||||
|
||||
return useLeft;
|
||||
};
|
||||
|
||||
var defaults = {
|
||||
scale: 1,
|
||||
zoom: true,
|
||||
actualSize: true,
|
||||
enableZoomAfter: 300,
|
||||
useLeftForZoom: getUseLeft()
|
||||
};
|
||||
|
||||
var Zoom = function(element) {
|
||||
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
|
||||
if (this.core.s.zoom && this.core.doCss()) {
|
||||
this.init();
|
||||
|
||||
// Store the zoomable timeout value just to clear it while closing
|
||||
this.zoomabletimeout = false;
|
||||
|
||||
// Set the initial value center
|
||||
this.pageX = $(window).width() / 2;
|
||||
this.pageY = ($(window).height() / 2) + $(window).scrollTop();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Zoom.prototype.init = function() {
|
||||
|
||||
var _this = this;
|
||||
var zoomIcons = '<span id="lg-zoom-in" class="lg-icon"></span><span id="lg-zoom-out" class="lg-icon"></span>';
|
||||
|
||||
if (_this.core.s.actualSize) {
|
||||
zoomIcons += '<span id="lg-actual-size" class="lg-icon"></span>';
|
||||
}
|
||||
|
||||
if (_this.core.s.useLeftForZoom) {
|
||||
_this.core.$outer.addClass('lg-use-left-for-zoom');
|
||||
} else {
|
||||
_this.core.$outer.addClass('lg-use-transition-for-zoom');
|
||||
}
|
||||
|
||||
this.core.$outer.find('.lg-toolbar').append(zoomIcons);
|
||||
|
||||
// Add zoomable class
|
||||
_this.core.$el.on('onSlideItemLoad.lg.tm.zoom', function(event, index, delay) {
|
||||
|
||||
// delay will be 0 except first time
|
||||
var _speed = _this.core.s.enableZoomAfter + delay;
|
||||
|
||||
// set _speed value 0 if gallery opened from direct url and if it is first slide
|
||||
if ($('body').hasClass('lg-from-hash') && delay) {
|
||||
|
||||
// will execute only once
|
||||
_speed = 0;
|
||||
} else {
|
||||
|
||||
// Remove lg-from-hash to enable starting animation.
|
||||
$('body').removeClass('lg-from-hash');
|
||||
}
|
||||
|
||||
_this.zoomabletimeout = setTimeout(function() {
|
||||
_this.core.$slide.eq(index).addClass('lg-zoomable');
|
||||
}, _speed + 30);
|
||||
});
|
||||
|
||||
var scale = 1;
|
||||
/**
|
||||
* @desc Image zoom
|
||||
* Translate the wrap and scale the image to get better user experience
|
||||
*
|
||||
* @param {String} scaleVal - Zoom decrement/increment value
|
||||
*/
|
||||
var zoom = function(scaleVal) {
|
||||
|
||||
var $image = _this.core.$outer.find('.lg-current .lg-image');
|
||||
var _x;
|
||||
var _y;
|
||||
|
||||
// Find offset manually to avoid issue after zoom
|
||||
var offsetX = ($(window).width() - $image.prop('offsetWidth')) / 2;
|
||||
var offsetY = (($(window).height() - $image.prop('offsetHeight')) / 2) + $(window).scrollTop();
|
||||
|
||||
_x = _this.pageX - offsetX;
|
||||
_y = _this.pageY - offsetY;
|
||||
|
||||
var x = (scaleVal - 1) * (_x);
|
||||
var y = (scaleVal - 1) * (_y);
|
||||
|
||||
$image.css('transform', 'scale3d(' + scaleVal + ', ' + scaleVal + ', 1)').attr('data-scale', scaleVal);
|
||||
|
||||
if (_this.core.s.useLeftForZoom) {
|
||||
$image.parent().css({
|
||||
left: -x + 'px',
|
||||
top: -y + 'px'
|
||||
}).attr('data-x', x).attr('data-y', y);
|
||||
} else {
|
||||
$image.parent().css('transform', 'translate3d(-' + x + 'px, -' + y + 'px, 0)').attr('data-x', x).attr('data-y', y);
|
||||
}
|
||||
};
|
||||
|
||||
var callScale = function() {
|
||||
if (scale > 1) {
|
||||
_this.core.$outer.addClass('lg-zoomed');
|
||||
} else {
|
||||
_this.resetZoom();
|
||||
}
|
||||
|
||||
if (scale < 1) {
|
||||
scale = 1;
|
||||
}
|
||||
|
||||
zoom(scale);
|
||||
};
|
||||
|
||||
var actualSize = function(event, $image, index, fromIcon) {
|
||||
var w = $image.prop('offsetWidth');
|
||||
var nw;
|
||||
if (_this.core.s.dynamic) {
|
||||
nw = _this.core.s.dynamicEl[index].width || $image[0].naturalWidth || w;
|
||||
} else {
|
||||
nw = _this.core.$items.eq(index).attr('data-width') || $image[0].naturalWidth || w;
|
||||
}
|
||||
|
||||
var _scale;
|
||||
|
||||
if (_this.core.$outer.hasClass('lg-zoomed')) {
|
||||
scale = 1;
|
||||
} else {
|
||||
if (nw > w) {
|
||||
_scale = nw / w;
|
||||
scale = _scale || 2;
|
||||
}
|
||||
}
|
||||
|
||||
if (fromIcon) {
|
||||
_this.pageX = $(window).width() / 2;
|
||||
_this.pageY = ($(window).height() / 2) + $(window).scrollTop();
|
||||
} else {
|
||||
_this.pageX = event.pageX || event.originalEvent.targetTouches[0].pageX;
|
||||
_this.pageY = event.pageY || event.originalEvent.targetTouches[0].pageY;
|
||||
}
|
||||
|
||||
callScale();
|
||||
setTimeout(function() {
|
||||
_this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab');
|
||||
}, 10);
|
||||
};
|
||||
|
||||
var tapped = false;
|
||||
|
||||
// event triggered after appending slide content
|
||||
_this.core.$el.on('onAferAppendSlide.lg.tm.zoom', function(event, index) {
|
||||
|
||||
// Get the current element
|
||||
var $image = _this.core.$slide.eq(index).find('.lg-image');
|
||||
|
||||
$image.on('dblclick', function(event) {
|
||||
actualSize(event, $image, index);
|
||||
});
|
||||
|
||||
$image.on('touchstart', function(event) {
|
||||
if (!tapped) {
|
||||
tapped = setTimeout(function() {
|
||||
tapped = null;
|
||||
}, 300);
|
||||
} else {
|
||||
clearTimeout(tapped);
|
||||
tapped = null;
|
||||
actualSize(event, $image, index);
|
||||
}
|
||||
|
||||
event.preventDefault();
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// Update zoom on resize and orientationchange
|
||||
$(window).on('resize.lg.zoom scroll.lg.zoom orientationchange.lg.zoom', function() {
|
||||
_this.pageX = $(window).width() / 2;
|
||||
_this.pageY = ($(window).height() / 2) + $(window).scrollTop();
|
||||
zoom(scale);
|
||||
});
|
||||
|
||||
$('#lg-zoom-out').on('click.lg', function() {
|
||||
if (_this.core.$outer.find('.lg-current .lg-image').length) {
|
||||
scale -= _this.core.s.scale;
|
||||
callScale();
|
||||
}
|
||||
});
|
||||
|
||||
$('#lg-zoom-in').on('click.lg', function() {
|
||||
if (_this.core.$outer.find('.lg-current .lg-image').length) {
|
||||
scale += _this.core.s.scale;
|
||||
callScale();
|
||||
}
|
||||
});
|
||||
|
||||
$('#lg-actual-size').on('click.lg', function(event) {
|
||||
actualSize(event, _this.core.$slide.eq(_this.core.index).find('.lg-image'), _this.core.index, true);
|
||||
});
|
||||
|
||||
// Reset zoom on slide change
|
||||
_this.core.$el.on('onBeforeSlide.lg.tm', function() {
|
||||
scale = 1;
|
||||
_this.resetZoom();
|
||||
});
|
||||
|
||||
// Drag option after zoom
|
||||
_this.zoomDrag();
|
||||
|
||||
_this.zoomSwipe();
|
||||
|
||||
};
|
||||
|
||||
// Reset zoom effect
|
||||
Zoom.prototype.resetZoom = function() {
|
||||
this.core.$outer.removeClass('lg-zoomed');
|
||||
this.core.$slide.find('.lg-img-wrap').removeAttr('style data-x data-y');
|
||||
this.core.$slide.find('.lg-image').removeAttr('style data-scale');
|
||||
|
||||
// Reset pagx pagy values to center
|
||||
this.pageX = $(window).width() / 2;
|
||||
this.pageY = ($(window).height() / 2) + $(window).scrollTop();
|
||||
};
|
||||
|
||||
Zoom.prototype.zoomSwipe = function() {
|
||||
var _this = this;
|
||||
var startCoords = {};
|
||||
var endCoords = {};
|
||||
var isMoved = false;
|
||||
|
||||
// Allow x direction drag
|
||||
var allowX = false;
|
||||
|
||||
// Allow Y direction drag
|
||||
var allowY = false;
|
||||
|
||||
_this.core.$slide.on('touchstart.lg', function(e) {
|
||||
|
||||
if (_this.core.$outer.hasClass('lg-zoomed')) {
|
||||
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
|
||||
|
||||
allowY = $image.prop('offsetHeight') * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();
|
||||
allowX = $image.prop('offsetWidth') * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();
|
||||
if ((allowX || allowY)) {
|
||||
e.preventDefault();
|
||||
startCoords = {
|
||||
x: e.originalEvent.targetTouches[0].pageX,
|
||||
y: e.originalEvent.targetTouches[0].pageY
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
_this.core.$slide.on('touchmove.lg', function(e) {
|
||||
|
||||
if (_this.core.$outer.hasClass('lg-zoomed')) {
|
||||
|
||||
var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');
|
||||
var distanceX;
|
||||
var distanceY;
|
||||
|
||||
e.preventDefault();
|
||||
isMoved = true;
|
||||
|
||||
endCoords = {
|
||||
x: e.originalEvent.targetTouches[0].pageX,
|
||||
y: e.originalEvent.targetTouches[0].pageY
|
||||
};
|
||||
|
||||
// reset opacity and transition duration
|
||||
_this.core.$outer.addClass('lg-zoom-dragging');
|
||||
|
||||
if (allowY) {
|
||||
distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);
|
||||
} else {
|
||||
distanceY = -Math.abs(_$el.attr('data-y'));
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);
|
||||
} else {
|
||||
distanceX = -Math.abs(_$el.attr('data-x'));
|
||||
}
|
||||
|
||||
if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) {
|
||||
|
||||
if (_this.core.s.useLeftForZoom) {
|
||||
_$el.css({
|
||||
left: distanceX + 'px',
|
||||
top: distanceY + 'px'
|
||||
});
|
||||
} else {
|
||||
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
_this.core.$slide.on('touchend.lg', function() {
|
||||
if (_this.core.$outer.hasClass('lg-zoomed')) {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
_this.core.$outer.removeClass('lg-zoom-dragging');
|
||||
_this.touchendZoom(startCoords, endCoords, allowX, allowY);
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Zoom.prototype.zoomDrag = function() {
|
||||
|
||||
var _this = this;
|
||||
var startCoords = {};
|
||||
var endCoords = {};
|
||||
var isDraging = false;
|
||||
var isMoved = false;
|
||||
|
||||
// Allow x direction drag
|
||||
var allowX = false;
|
||||
|
||||
// Allow Y direction drag
|
||||
var allowY = false;
|
||||
|
||||
_this.core.$slide.on('mousedown.lg.zoom', function(e) {
|
||||
|
||||
// execute only on .lg-object
|
||||
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
|
||||
|
||||
allowY = $image.prop('offsetHeight') * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();
|
||||
allowX = $image.prop('offsetWidth') * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();
|
||||
|
||||
if (_this.core.$outer.hasClass('lg-zoomed')) {
|
||||
if ($(e.target).hasClass('lg-object') && (allowX || allowY)) {
|
||||
e.preventDefault();
|
||||
startCoords = {
|
||||
x: e.pageX,
|
||||
y: e.pageY
|
||||
};
|
||||
|
||||
isDraging = true;
|
||||
|
||||
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
|
||||
_this.core.$outer.scrollLeft += 1;
|
||||
_this.core.$outer.scrollLeft -= 1;
|
||||
|
||||
_this.core.$outer.removeClass('lg-grab').addClass('lg-grabbing');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mousemove.lg.zoom', function(e) {
|
||||
if (isDraging) {
|
||||
var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');
|
||||
var distanceX;
|
||||
var distanceY;
|
||||
|
||||
isMoved = true;
|
||||
endCoords = {
|
||||
x: e.pageX,
|
||||
y: e.pageY
|
||||
};
|
||||
|
||||
// reset opacity and transition duration
|
||||
_this.core.$outer.addClass('lg-zoom-dragging');
|
||||
|
||||
if (allowY) {
|
||||
distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);
|
||||
} else {
|
||||
distanceY = -Math.abs(_$el.attr('data-y'));
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);
|
||||
} else {
|
||||
distanceX = -Math.abs(_$el.attr('data-x'));
|
||||
}
|
||||
|
||||
if (_this.core.s.useLeftForZoom) {
|
||||
_$el.css({
|
||||
left: distanceX + 'px',
|
||||
top: distanceY + 'px'
|
||||
});
|
||||
} else {
|
||||
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mouseup.lg.zoom', function(e) {
|
||||
|
||||
if (isDraging) {
|
||||
isDraging = false;
|
||||
_this.core.$outer.removeClass('lg-zoom-dragging');
|
||||
|
||||
// Fix for chrome mouse move on click
|
||||
if (isMoved && ((startCoords.x !== endCoords.x) || (startCoords.y !== endCoords.y))) {
|
||||
endCoords = {
|
||||
x: e.pageX,
|
||||
y: e.pageY
|
||||
};
|
||||
_this.touchendZoom(startCoords, endCoords, allowX, allowY);
|
||||
|
||||
}
|
||||
|
||||
isMoved = false;
|
||||
}
|
||||
|
||||
_this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab');
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
Zoom.prototype.touchendZoom = function(startCoords, endCoords, allowX, allowY) {
|
||||
|
||||
var _this = this;
|
||||
var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');
|
||||
var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');
|
||||
var distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);
|
||||
var distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);
|
||||
var minY = (_this.core.$outer.find('.lg').height() - $image.prop('offsetHeight')) / 2;
|
||||
var maxY = Math.abs(($image.prop('offsetHeight') * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').height() + minY);
|
||||
var minX = (_this.core.$outer.find('.lg').width() - $image.prop('offsetWidth')) / 2;
|
||||
var maxX = Math.abs(($image.prop('offsetWidth') * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').width() + minX);
|
||||
|
||||
if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) {
|
||||
if (allowY) {
|
||||
if (distanceY <= -maxY) {
|
||||
distanceY = -maxY;
|
||||
} else if (distanceY >= -minY) {
|
||||
distanceY = -minY;
|
||||
}
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
if (distanceX <= -maxX) {
|
||||
distanceX = -maxX;
|
||||
} else if (distanceX >= -minX) {
|
||||
distanceX = -minX;
|
||||
}
|
||||
}
|
||||
|
||||
if (allowY) {
|
||||
_$el.attr('data-y', Math.abs(distanceY));
|
||||
} else {
|
||||
distanceY = -Math.abs(_$el.attr('data-y'));
|
||||
}
|
||||
|
||||
if (allowX) {
|
||||
_$el.attr('data-x', Math.abs(distanceX));
|
||||
} else {
|
||||
distanceX = -Math.abs(_$el.attr('data-x'));
|
||||
}
|
||||
|
||||
if (_this.core.s.useLeftForZoom) {
|
||||
_$el.css({
|
||||
left: distanceX + 'px',
|
||||
top: distanceY + 'px'
|
||||
});
|
||||
} else {
|
||||
_$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)');
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
Zoom.prototype.destroy = function() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
// Unbind all events added by lightGallery zoom plugin
|
||||
_this.core.$el.off('.lg.zoom');
|
||||
$(window).off('.lg.zoom');
|
||||
_this.core.$slide.off('.lg.zoom');
|
||||
_this.core.$el.off('.lg.tm.zoom');
|
||||
_this.resetZoom();
|
||||
clearTimeout(_this.zoomabletimeout);
|
||||
_this.zoomabletimeout = false;
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules.zoom = Zoom;
|
||||
|
||||
})();
|
||||
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-hash - v1.0.4 - 2017-12-20
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
hash: true
|
||||
};
|
||||
|
||||
var Hash = function(element) {
|
||||
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
|
||||
if (this.core.s.hash) {
|
||||
this.oldHash = window.location.hash;
|
||||
this.init();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Hash.prototype.init = function() {
|
||||
var _this = this;
|
||||
var _hash;
|
||||
|
||||
// Change hash value on after each slide transition
|
||||
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) {
|
||||
if (history.replaceState) {
|
||||
history.replaceState(null, null, window.location.pathname + window.location.search + '#lg=' + _this.core.s.galleryId + '&slide=' + index);
|
||||
} else {
|
||||
window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + index;
|
||||
}
|
||||
});
|
||||
|
||||
// Listen hash change and change the slide according to slide value
|
||||
$(window).on('hashchange.lg.hash', function() {
|
||||
_hash = window.location.hash;
|
||||
var _idx = parseInt(_hash.split('&slide=')[1], 10);
|
||||
|
||||
// it galleryId doesn't exist in the url close the gallery
|
||||
if ((_hash.indexOf('lg=' + _this.core.s.galleryId) > -1)) {
|
||||
_this.core.slide(_idx, false, false);
|
||||
} else if (_this.core.lGalleryOn) {
|
||||
_this.core.destroy();
|
||||
}
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
Hash.prototype.destroy = function() {
|
||||
|
||||
if (!this.core.s.hash) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Reset to old hash value
|
||||
if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {
|
||||
if (history.replaceState) {
|
||||
history.replaceState(null, null, this.oldHash);
|
||||
} else {
|
||||
window.location.hash = this.oldHash;
|
||||
}
|
||||
} else {
|
||||
if (history.replaceState) {
|
||||
history.replaceState(null, document.title, window.location.pathname + window.location.search);
|
||||
} else {
|
||||
window.location.hash = '';
|
||||
}
|
||||
}
|
||||
|
||||
this.core.$el.off('.lg.hash');
|
||||
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules.hash = Hash;
|
||||
|
||||
})();
|
||||
|
||||
|
||||
}));
|
||||
|
||||
/*! lg-share - v1.1.0 - 2017-10-03
|
||||
* http://sachinchoolur.github.io/lightGallery
|
||||
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
share: true,
|
||||
facebook: true,
|
||||
facebookDropdownText: 'Facebook',
|
||||
twitter: true,
|
||||
twitterDropdownText: 'Twitter',
|
||||
googlePlus: true,
|
||||
googlePlusDropdownText: 'GooglePlus',
|
||||
pinterest: true,
|
||||
pinterestDropdownText: 'Pinterest'
|
||||
};
|
||||
|
||||
var Share = function(element) {
|
||||
|
||||
this.core = $(element).data('lightGallery');
|
||||
|
||||
this.core.s = $.extend({}, defaults, this.core.s);
|
||||
if (this.core.s.share) {
|
||||
this.init();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Share.prototype.init = function() {
|
||||
var _this = this;
|
||||
var shareHtml = '<span id="lg-share" class="lg-icon">' +
|
||||
'<ul class="lg-dropdown" style="position: absolute;">';
|
||||
shareHtml += _this.core.s.facebook ? '<li><a id="lg-share-facebook" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.facebookDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += _this.core.s.twitter ? '<li><a id="lg-share-twitter" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.twitterDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += _this.core.s.googlePlus ? '<li><a id="lg-share-googleplus" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.googlePlusDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += _this.core.s.pinterest ? '<li><a id="lg-share-pinterest" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">' + this.core.s.pinterestDropdownText + '</span></a></li>' : '';
|
||||
shareHtml += '</ul></span>';
|
||||
|
||||
this.core.$outer.find('.lg-toolbar').append(shareHtml);
|
||||
this.core.$outer.find('.lg').append('<div id="lg-dropdown-overlay"></div>');
|
||||
$('#lg-share').on('click.lg', function(){
|
||||
_this.core.$outer.toggleClass('lg-dropdown-active');
|
||||
});
|
||||
|
||||
$('#lg-dropdown-overlay').on('click.lg', function(){
|
||||
_this.core.$outer.removeClass('lg-dropdown-active');
|
||||
});
|
||||
|
||||
_this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) {
|
||||
|
||||
setTimeout(function() {
|
||||
|
||||
$('#lg-share-facebook').attr('href', 'https://www.facebook.com/sharer/sharer.php?u=' + (encodeURIComponent(_this.getSahreProps(index, 'facebookShareUrl') || window.location.href)));
|
||||
|
||||
$('#lg-share-twitter').attr('href', 'https://twitter.com/intent/tweet?text=' + _this.getSahreProps(index, 'tweetText') + '&url=' + (encodeURIComponent(_this.getSahreProps(index, 'twitterShareUrl') || window.location.href)));
|
||||
|
||||
$('#lg-share-googleplus').attr('href', 'https://plus.google.com/share?url=' + (encodeURIComponent(_this.getSahreProps(index, 'googleplusShareUrl') || window.location.href)));
|
||||
|
||||
$('#lg-share-pinterest').attr('href', 'http://www.pinterest.com/pin/create/button/?url=' + (encodeURIComponent(_this.getSahreProps(index, 'pinterestShareUrl') || window.location.href)) + '&media=' + encodeURIComponent(_this.getSahreProps(index, 'src')) + '&description=' + _this.getSahreProps(index, 'pinterestText'));
|
||||
|
||||
}, 100);
|
||||
});
|
||||
};
|
||||
|
||||
Share.prototype.getSahreProps = function(index, prop){
|
||||
var shareProp = '';
|
||||
if(this.core.s.dynamic) {
|
||||
shareProp = this.core.s.dynamicEl[index][prop];
|
||||
} else {
|
||||
var _href = this.core.$items.eq(index).attr('href');
|
||||
var _prop = this.core.$items.eq(index).data(prop);
|
||||
shareProp = prop === 'src' ? _href || _prop : _prop;
|
||||
}
|
||||
return shareProp;
|
||||
};
|
||||
|
||||
Share.prototype.destroy = function() {
|
||||
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules.share = Share;
|
||||
|
||||
})();
|
||||
|
||||
|
||||
|
||||
}));
|
5
public/style/vendor/lightgallery/js/lightgallery-all.min.js
vendored
Normal file
5
public/style/vendor/lightgallery/js/lightgallery-all.min.js
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
/*! lightgallery - v1.6.12 - 2019-02-19
|
||||
* http://sachinchoolur.github.io/lightGallery/
|
||||
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(require("jquery")):b(a.jQuery)}(this,function(a){!function(){"use strict";function b(b,d){if(this.el=b,this.$el=a(b),this.s=a.extend({},c,d),this.s.dynamic&&"undefined"!==this.s.dynamicEl&&this.s.dynamicEl.constructor===Array&&!this.s.dynamicEl.length)throw"When using dynamic mode, you must also define dynamicEl as an Array.";return this.modules={},this.lGalleryOn=!1,this.lgBusy=!1,this.hideBartimeout=!1,this.isTouch="ontouchstart"in document.documentElement,this.s.slideEndAnimatoin&&(this.s.hideControlOnEnd=!1),this.s.dynamic?this.$items=this.s.dynamicEl:"this"===this.s.selector?this.$items=this.$el:""!==this.s.selector?this.s.selectWithin?this.$items=a(this.s.selectWithin).find(this.s.selector):this.$items=this.$el.find(a(this.s.selector)):this.$items=this.$el.children(),this.$slide="",this.$outer="",this.init(),this}var c={mode:"lg-slide",cssEasing:"ease",easing:"linear",speed:600,height:"100%",width:"100%",addClass:"",startClass:"lg-start-zoom",backdropDuration:150,hideBarsDelay:6e3,useLeft:!1,closable:!0,loop:!0,escKey:!0,keyPress:!0,controls:!0,slideEndAnimatoin:!0,hideControlOnEnd:!1,mousewheel:!0,getCaptionFromTitleOrAlt:!0,appendSubHtmlTo:".lg-sub-html",subHtmlSelectorRelative:!1,preload:1,showAfterLoad:!0,selector:"",selectWithin:"",nextHtml:"",prevHtml:"",index:!1,iframeMaxWidth:"100%",download:!0,counter:!0,appendCounterTo:".lg-toolbar",swipeThreshold:50,enableSwipe:!0,enableDrag:!0,dynamic:!1,dynamicEl:[],galleryId:1};b.prototype.init=function(){var b=this;b.s.preload>b.$items.length&&(b.s.preload=b.$items.length);var c=window.location.hash;c.indexOf("lg="+this.s.galleryId)>0&&(b.index=parseInt(c.split("&slide=")[1],10),a("body").addClass("lg-from-hash"),a("body").hasClass("lg-on")||(setTimeout(function(){b.build(b.index)}),a("body").addClass("lg-on"))),b.s.dynamic?(b.$el.trigger("onBeforeOpen.lg"),b.index=b.s.index||0,a("body").hasClass("lg-on")||setTimeout(function(){b.build(b.index),a("body").addClass("lg-on")})):b.$items.on("click.lgcustom",function(c){try{c.preventDefault(),c.preventDefault()}catch(a){c.returnValue=!1}b.$el.trigger("onBeforeOpen.lg"),b.index=b.s.index||b.$items.index(this),a("body").hasClass("lg-on")||(b.build(b.index),a("body").addClass("lg-on"))})},b.prototype.build=function(b){var c=this;c.structure(),a.each(a.fn.lightGallery.modules,function(b){c.modules[b]=new a.fn.lightGallery.modules[b](c.el)}),c.slide(b,!1,!1,!1),c.s.keyPress&&c.keyPress(),c.$items.length>1?(c.arrow(),setTimeout(function(){c.enableDrag(),c.enableSwipe()},50),c.s.mousewheel&&c.mousewheel()):c.$slide.on("click.lg",function(){c.$el.trigger("onSlideClick.lg")}),c.counter(),c.closeGallery(),c.$el.trigger("onAfterOpen.lg"),c.$outer.on("mousemove.lg click.lg touchstart.lg",function(){c.$outer.removeClass("lg-hide-items"),clearTimeout(c.hideBartimeout),c.hideBartimeout=setTimeout(function(){c.$outer.addClass("lg-hide-items")},c.s.hideBarsDelay)}),c.$outer.trigger("mousemove.lg")},b.prototype.structure=function(){var b,c="",d="",e=0,f="",g=this;for(a("body").append('<div class="lg-backdrop"></div>'),a(".lg-backdrop").css("transition-duration",this.s.backdropDuration+"ms"),e=0;e<this.$items.length;e++)c+='<div class="lg-item"></div>';if(this.s.controls&&this.$items.length>1&&(d='<div class="lg-actions"><button class="lg-prev lg-icon">'+this.s.prevHtml+'</button><button class="lg-next lg-icon">'+this.s.nextHtml+"</button></div>"),".lg-sub-html"===this.s.appendSubHtmlTo&&(f='<div class="lg-sub-html"></div>'),b='<div class="lg-outer '+this.s.addClass+" "+this.s.startClass+'"><div class="lg" style="width:'+this.s.width+"; height:"+this.s.height+'"><div class="lg-inner">'+c+'</div><div class="lg-toolbar lg-group"><span class="lg-close lg-icon"></span></div>'+d+f+"</div></div>",a("body").append(b),this.$outer=a(".lg-outer"),this.$slide=this.$outer.find(".lg-item"),this.s.useLeft?(this.$outer.addClass("lg-use-left"),this.s.mode="lg-slide"):this.$outer.addClass("lg-use-css3"),g.setTop(),a(window).on("resize.lg orientationchange.lg",function(){setTimeout(function(){g.setTop()},100)}),this.$slide.eq(this.index).addClass("lg-current"),this.doCss()?this.$outer.addClass("lg-css3"):(this.$outer.addClass("lg-css"),this.s.speed=0),this.$outer.addClass(this.s.mode),this.s.enableDrag&&this.$items.length>1&&this.$outer.addClass("lg-grab"),this.s.showAfterLoad&&this.$outer.addClass("lg-show-after-load"),this.doCss()){var h=this.$outer.find(".lg-inner");h.css("transition-timing-function",this.s.cssEasing),h.css("transition-duration",this.s.speed+"ms")}setTimeout(function(){a(".lg-backdrop").addClass("in")}),setTimeout(function(){g.$outer.addClass("lg-visible")},this.s.backdropDuration),this.s.download&&this.$outer.find(".lg-toolbar").append('<a id="lg-download" target="_blank" download class="lg-download lg-icon"></a>'),this.prevScrollTop=a(window).scrollTop()},b.prototype.setTop=function(){if("100%"!==this.s.height){var b=a(window).height(),c=(b-parseInt(this.s.height,10))/2,d=this.$outer.find(".lg");b>=parseInt(this.s.height,10)?d.css("top",c+"px"):d.css("top","0px")}},b.prototype.doCss=function(){return!!function(){var a=["transition","MozTransition","WebkitTransition","OTransition","msTransition","KhtmlTransition"],b=document.documentElement,c=0;for(c=0;c<a.length;c++)if(a[c]in b.style)return!0}()},b.prototype.isVideo=function(a,b){var c;if(c=this.s.dynamic?this.s.dynamicEl[b].html:this.$items.eq(b).attr("data-html"),!a)return c?{html5:!0}:(console.error("lightGallery :- data-src is not pvovided on slide item "+(b+1)+". Please make sure the selector property is properly configured. More info - http://sachinchoolur.github.io/lightGallery/demos/html-markup.html"),!1);var d=a.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i),e=a.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i),f=a.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i),g=a.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);return d?{youtube:d}:e?{vimeo:e}:f?{dailymotion:f}:g?{vk:g}:void 0},b.prototype.counter=function(){this.s.counter&&a(this.s.appendCounterTo).append('<div id="lg-counter"><span id="lg-counter-current">'+(parseInt(this.index,10)+1)+'</span> / <span id="lg-counter-all">'+this.$items.length+"</span></div>")},b.prototype.addHtml=function(b){var c,d,e=null;if(this.s.dynamic?this.s.dynamicEl[b].subHtmlUrl?c=this.s.dynamicEl[b].subHtmlUrl:e=this.s.dynamicEl[b].subHtml:(d=this.$items.eq(b),d.attr("data-sub-html-url")?c=d.attr("data-sub-html-url"):(e=d.attr("data-sub-html"),this.s.getCaptionFromTitleOrAlt&&!e&&(e=d.attr("title")||d.find("img").first().attr("alt")))),!c)if(void 0!==e&&null!==e){var f=e.substring(0,1);"."!==f&&"#"!==f||(e=this.s.subHtmlSelectorRelative&&!this.s.dynamic?d.find(e).html():a(e).html())}else e="";".lg-sub-html"===this.s.appendSubHtmlTo?c?this.$outer.find(this.s.appendSubHtmlTo).load(c):this.$outer.find(this.s.appendSubHtmlTo).html(e):c?this.$slide.eq(b).load(c):this.$slide.eq(b).append(e),void 0!==e&&null!==e&&(""===e?this.$outer.find(this.s.appendSubHtmlTo).addClass("lg-empty-html"):this.$outer.find(this.s.appendSubHtmlTo).removeClass("lg-empty-html")),this.$el.trigger("onAfterAppendSubHtml.lg",[b])},b.prototype.preload=function(a){var b=1,c=1;for(b=1;b<=this.s.preload&&!(b>=this.$items.length-a);b++)this.loadContent(a+b,!1,0);for(c=1;c<=this.s.preload&&!(a-c<0);c++)this.loadContent(a-c,!1,0)},b.prototype.loadContent=function(b,c,d){var e,f,g,h,i,j,k=this,l=!1,m=function(b){for(var c=[],d=[],e=0;e<b.length;e++){var g=b[e].split(" ");""===g[0]&&g.splice(0,1),d.push(g[0]),c.push(g[1])}for(var h=a(window).width(),i=0;i<c.length;i++)if(parseInt(c[i],10)>h){f=d[i];break}};if(k.s.dynamic){if(k.s.dynamicEl[b].poster&&(l=!0,g=k.s.dynamicEl[b].poster),j=k.s.dynamicEl[b].html,f=k.s.dynamicEl[b].src,k.s.dynamicEl[b].responsive){m(k.s.dynamicEl[b].responsive.split(","))}h=k.s.dynamicEl[b].srcset,i=k.s.dynamicEl[b].sizes}else{if(k.$items.eq(b).attr("data-poster")&&(l=!0,g=k.$items.eq(b).attr("data-poster")),j=k.$items.eq(b).attr("data-html"),f=k.$items.eq(b).attr("href")||k.$items.eq(b).attr("data-src"),k.$items.eq(b).attr("data-responsive")){m(k.$items.eq(b).attr("data-responsive").split(","))}h=k.$items.eq(b).attr("data-srcset"),i=k.$items.eq(b).attr("data-sizes")}var n=!1;k.s.dynamic?k.s.dynamicEl[b].iframe&&(n=!0):"true"===k.$items.eq(b).attr("data-iframe")&&(n=!0);var o=k.isVideo(f,b);if(!k.$slide.eq(b).hasClass("lg-loaded")){if(n)k.$slide.eq(b).prepend('<div class="lg-video-cont lg-has-iframe" style="max-width:'+k.s.iframeMaxWidth+'"><div class="lg-video"><iframe class="lg-object" frameborder="0" src="'+f+'" allowfullscreen="true"></iframe></div></div>');else if(l){var p="";p=o&&o.youtube?"lg-has-youtube":o&&o.vimeo?"lg-has-vimeo":"lg-has-html5",k.$slide.eq(b).prepend('<div class="lg-video-cont '+p+' "><div class="lg-video"><span class="lg-video-play"></span><img class="lg-object lg-has-poster" src="'+g+'" /></div></div>')}else o?(k.$slide.eq(b).prepend('<div class="lg-video-cont "><div class="lg-video"></div></div>'),k.$el.trigger("hasVideo.lg",[b,f,j])):k.$slide.eq(b).prepend('<div class="lg-img-wrap"><img class="lg-object lg-image" src="'+f+'" /></div>');if(k.$el.trigger("onAferAppendSlide.lg",[b]),e=k.$slide.eq(b).find(".lg-object"),i&&e.attr("sizes",i),h){e.attr("srcset",h);try{picturefill({elements:[e[0]]})}catch(a){console.warn("lightGallery :- If you want srcset to be supported for older browser please include picturefil version 2 javascript library in your document.")}}".lg-sub-html"!==this.s.appendSubHtmlTo&&k.addHtml(b),k.$slide.eq(b).addClass("lg-loaded")}k.$slide.eq(b).find(".lg-object").on("load.lg error.lg",function(){var c=0;d&&!a("body").hasClass("lg-from-hash")&&(c=d),setTimeout(function(){k.$slide.eq(b).addClass("lg-complete"),k.$el.trigger("onSlideItemLoad.lg",[b,d||0])},c)}),o&&o.html5&&!l&&k.$slide.eq(b).addClass("lg-complete"),!0===c&&(k.$slide.eq(b).hasClass("lg-complete")?k.preload(b):k.$slide.eq(b).find(".lg-object").on("load.lg error.lg",function(){k.preload(b)}))},b.prototype.slide=function(b,c,d,e){var f=this.$outer.find(".lg-current").index(),g=this;if(!g.lGalleryOn||f!==b){var h=this.$slide.length,i=g.lGalleryOn?this.s.speed:0;if(!g.lgBusy){if(this.s.download){var j;j=g.s.dynamic?!1!==g.s.dynamicEl[b].downloadUrl&&(g.s.dynamicEl[b].downloadUrl||g.s.dynamicEl[b].src):"false"!==g.$items.eq(b).attr("data-download-url")&&(g.$items.eq(b).attr("data-download-url")||g.$items.eq(b).attr("href")||g.$items.eq(b).attr("data-src")),j?(a("#lg-download").attr("href",j),g.$outer.removeClass("lg-hide-download")):g.$outer.addClass("lg-hide-download")}if(this.$el.trigger("onBeforeSlide.lg",[f,b,c,d]),g.lgBusy=!0,clearTimeout(g.hideBartimeout),".lg-sub-html"===this.s.appendSubHtmlTo&&setTimeout(function(){g.addHtml(b)},i),this.arrowDisable(b),e||(b<f?e="prev":b>f&&(e="next")),c){this.$slide.removeClass("lg-prev-slide lg-current lg-next-slide");var k,l;h>2?(k=b-1,l=b+1,0===b&&f===h-1?(l=0,k=h-1):b===h-1&&0===f&&(l=0,k=h-1)):(k=0,l=1),"prev"===e?g.$slide.eq(l).addClass("lg-next-slide"):g.$slide.eq(k).addClass("lg-prev-slide"),g.$slide.eq(b).addClass("lg-current")}else g.$outer.addClass("lg-no-trans"),this.$slide.removeClass("lg-prev-slide lg-next-slide"),"prev"===e?(this.$slide.eq(b).addClass("lg-prev-slide"),this.$slide.eq(f).addClass("lg-next-slide")):(this.$slide.eq(b).addClass("lg-next-slide"),this.$slide.eq(f).addClass("lg-prev-slide")),setTimeout(function(){g.$slide.removeClass("lg-current"),g.$slide.eq(b).addClass("lg-current"),g.$outer.removeClass("lg-no-trans")},50);g.lGalleryOn?(setTimeout(function(){g.loadContent(b,!0,0)},this.s.speed+50),setTimeout(function(){g.lgBusy=!1,g.$el.trigger("onAfterSlide.lg",[f,b,c,d])},this.s.speed)):(g.loadContent(b,!0,g.s.backdropDuration),g.lgBusy=!1,g.$el.trigger("onAfterSlide.lg",[f,b,c,d])),g.lGalleryOn=!0,this.s.counter&&a("#lg-counter-current").text(b+1)}g.index=b}},b.prototype.goToNextSlide=function(a){var b=this,c=b.s.loop;a&&b.$slide.length<3&&(c=!1),b.lgBusy||(b.index+1<b.$slide.length?(b.index++,b.$el.trigger("onBeforeNextSlide.lg",[b.index]),b.slide(b.index,a,!1,"next")):c?(b.index=0,b.$el.trigger("onBeforeNextSlide.lg",[b.index]),b.slide(b.index,a,!1,"next")):b.s.slideEndAnimatoin&&!a&&(b.$outer.addClass("lg-right-end"),setTimeout(function(){b.$outer.removeClass("lg-right-end")},400)))},b.prototype.goToPrevSlide=function(a){var b=this,c=b.s.loop;a&&b.$slide.length<3&&(c=!1),b.lgBusy||(b.index>0?(b.index--,b.$el.trigger("onBeforePrevSlide.lg",[b.index,a]),b.slide(b.index,a,!1,"prev")):c?(b.index=b.$items.length-1,b.$el.trigger("onBeforePrevSlide.lg",[b.index,a]),b.slide(b.index,a,!1,"prev")):b.s.slideEndAnimatoin&&!a&&(b.$outer.addClass("lg-left-end"),setTimeout(function(){b.$outer.removeClass("lg-left-end")},400)))},b.prototype.keyPress=function(){var b=this;this.$items.length>1&&a(window).on("keyup.lg",function(a){b.$items.length>1&&(37===a.keyCode&&(a.preventDefault(),b.goToPrevSlide()),39===a.keyCode&&(a.preventDefault(),b.goToNextSlide()))}),a(window).on("keydown.lg",function(a){!0===b.s.escKey&&27===a.keyCode&&(a.preventDefault(),b.$outer.hasClass("lg-thumb-open")?b.$outer.removeClass("lg-thumb-open"):b.destroy())})},b.prototype.arrow=function(){var a=this;this.$outer.find(".lg-prev").on("click.lg",function(){a.goToPrevSlide()}),this.$outer.find(".lg-next").on("click.lg",function(){a.goToNextSlide()})},b.prototype.arrowDisable=function(a){!this.s.loop&&this.s.hideControlOnEnd&&(a+1<this.$slide.length?this.$outer.find(".lg-next").removeAttr("disabled").removeClass("disabled"):this.$outer.find(".lg-next").attr("disabled","disabled").addClass("disabled"),a>0?this.$outer.find(".lg-prev").removeAttr("disabled").removeClass("disabled"):this.$outer.find(".lg-prev").attr("disabled","disabled").addClass("disabled"))},b.prototype.setTranslate=function(a,b,c){this.s.useLeft?a.css("left",b):a.css({transform:"translate3d("+b+"px, "+c+"px, 0px)"})},b.prototype.touchMove=function(b,c){var d=c-b;Math.abs(d)>15&&(this.$outer.addClass("lg-dragging"),this.setTranslate(this.$slide.eq(this.index),d,0),this.setTranslate(a(".lg-prev-slide"),-this.$slide.eq(this.index).width()+d,0),this.setTranslate(a(".lg-next-slide"),this.$slide.eq(this.index).width()+d,0))},b.prototype.touchEnd=function(a){var b=this;"lg-slide"!==b.s.mode&&b.$outer.addClass("lg-slide"),this.$slide.not(".lg-current, .lg-prev-slide, .lg-next-slide").css("opacity","0"),setTimeout(function(){b.$outer.removeClass("lg-dragging"),a<0&&Math.abs(a)>b.s.swipeThreshold?b.goToNextSlide(!0):a>0&&Math.abs(a)>b.s.swipeThreshold?b.goToPrevSlide(!0):Math.abs(a)<5&&b.$el.trigger("onSlideClick.lg"),b.$slide.removeAttr("style")}),setTimeout(function(){b.$outer.hasClass("lg-dragging")||"lg-slide"===b.s.mode||b.$outer.removeClass("lg-slide")},b.s.speed+100)},b.prototype.enableSwipe=function(){var a=this,b=0,c=0,d=!1;a.s.enableSwipe&&a.doCss()&&(a.$slide.on("touchstart.lg",function(c){a.$outer.hasClass("lg-zoomed")||a.lgBusy||(c.preventDefault(),a.manageSwipeClass(),b=c.originalEvent.targetTouches[0].pageX)}),a.$slide.on("touchmove.lg",function(e){a.$outer.hasClass("lg-zoomed")||(e.preventDefault(),c=e.originalEvent.targetTouches[0].pageX,a.touchMove(b,c),d=!0)}),a.$slide.on("touchend.lg",function(){a.$outer.hasClass("lg-zoomed")||(d?(d=!1,a.touchEnd(c-b)):a.$el.trigger("onSlideClick.lg"))}))},b.prototype.enableDrag=function(){var b=this,c=0,d=0,e=!1,f=!1;b.s.enableDrag&&b.doCss()&&(b.$slide.on("mousedown.lg",function(d){b.$outer.hasClass("lg-zoomed")||b.lgBusy||a(d.target).text().trim()||(d.preventDefault(),b.manageSwipeClass(),c=d.pageX,e=!0,b.$outer.scrollLeft+=1,b.$outer.scrollLeft-=1,b.$outer.removeClass("lg-grab").addClass("lg-grabbing"),b.$el.trigger("onDragstart.lg"))}),a(window).on("mousemove.lg",function(a){e&&(f=!0,d=a.pageX,b.touchMove(c,d),b.$el.trigger("onDragmove.lg"))}),a(window).on("mouseup.lg",function(g){f?(f=!1,b.touchEnd(d-c),b.$el.trigger("onDragend.lg")):(a(g.target).hasClass("lg-object")||a(g.target).hasClass("lg-video-play"))&&b.$el.trigger("onSlideClick.lg"),e&&(e=!1,b.$outer.removeClass("lg-grabbing").addClass("lg-grab"))}))},b.prototype.manageSwipeClass=function(){var a=this.index+1,b=this.index-1;this.s.loop&&this.$slide.length>2&&(0===this.index?b=this.$slide.length-1:this.index===this.$slide.length-1&&(a=0)),this.$slide.removeClass("lg-next-slide lg-prev-slide"),b>-1&&this.$slide.eq(b).addClass("lg-prev-slide"),this.$slide.eq(a).addClass("lg-next-slide")},b.prototype.mousewheel=function(){var a=this;a.$outer.on("mousewheel.lg",function(b){b.deltaY&&(b.deltaY>0?a.goToPrevSlide():a.goToNextSlide(),b.preventDefault())})},b.prototype.closeGallery=function(){var b=this,c=!1;this.$outer.find(".lg-close").on("click.lg",function(){b.destroy()}),b.s.closable&&(b.$outer.on("mousedown.lg",function(b){c=!!(a(b.target).is(".lg-outer")||a(b.target).is(".lg-item ")||a(b.target).is(".lg-img-wrap"))}),b.$outer.on("mousemove.lg",function(){c=!1}),b.$outer.on("mouseup.lg",function(d){(a(d.target).is(".lg-outer")||a(d.target).is(".lg-item ")||a(d.target).is(".lg-img-wrap")&&c)&&(b.$outer.hasClass("lg-dragging")||b.destroy())}))},b.prototype.destroy=function(b){var c=this;b||(c.$el.trigger("onBeforeClose.lg"),a(window).scrollTop(c.prevScrollTop)),b&&(c.s.dynamic||this.$items.off("click.lg click.lgcustom"),a.removeData(c.el,"lightGallery")),this.$el.off(".lg.tm"),a.each(a.fn.lightGallery.modules,function(a){c.modules[a]&&c.modules[a].destroy()}),this.lGalleryOn=!1,clearTimeout(c.hideBartimeout),this.hideBartimeout=!1,a(window).off(".lg"),a("body").removeClass("lg-on lg-from-hash"),c.$outer&&c.$outer.removeClass("lg-visible"),a(".lg-backdrop").removeClass("in"),setTimeout(function(){c.$outer&&c.$outer.remove(),a(".lg-backdrop").remove(),b||c.$el.trigger("onCloseAfter.lg")},c.s.backdropDuration+50)},a.fn.lightGallery=function(c){return this.each(function(){if(a.data(this,"lightGallery"))try{a(this).data("lightGallery").init()}catch(a){console.error("lightGallery has not initiated properly")}else a.data(this,"lightGallery",new b(this,c))})},a.fn.lightGallery.modules={}}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(0,function(a){!function(){"use strict";var b={autoplay:!1,pause:5e3,progressBar:!0,fourceAutoplay:!1,autoplayControls:!0,appendAutoplayControlsTo:".lg-toolbar"},c=function(c){return this.core=a(c).data("lightGallery"),this.$el=a(c),!(this.core.$items.length<2)&&(this.core.s=a.extend({},b,this.core.s),this.interval=!1,this.fromAuto=!0,this.canceledOnTouch=!1,this.fourceAutoplayTemp=this.core.s.fourceAutoplay,this.core.doCss()||(this.core.s.progressBar=!1),this.init(),this)};c.prototype.init=function(){var a=this;a.core.s.autoplayControls&&a.controls(),a.core.s.progressBar&&a.core.$outer.find(".lg").append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>'),a.progress(),a.core.s.autoplay&&a.$el.one("onSlideItemLoad.lg.tm",function(){a.startlAuto()}),a.$el.on("onDragstart.lg.tm touchstart.lg.tm",function(){a.interval&&(a.cancelAuto(),a.canceledOnTouch=!0)}),a.$el.on("onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm",function(){!a.interval&&a.canceledOnTouch&&(a.startlAuto(),a.canceledOnTouch=!1)})},c.prototype.progress=function(){var a,b,c=this;c.$el.on("onBeforeSlide.lg.tm",function(){c.core.s.progressBar&&c.fromAuto&&(a=c.core.$outer.find(".lg-progress-bar"),b=c.core.$outer.find(".lg-progress"),c.interval&&(b.removeAttr("style"),a.removeClass("lg-start"),setTimeout(function(){b.css("transition","width "+(c.core.s.speed+c.core.s.pause)+"ms ease 0s"),a.addClass("lg-start")},20))),c.fromAuto||c.core.s.fourceAutoplay||c.cancelAuto(),c.fromAuto=!1})},c.prototype.controls=function(){var b=this;a(this.core.s.appendAutoplayControlsTo).append('<span class="lg-autoplay-button lg-icon"></span>'),b.core.$outer.find(".lg-autoplay-button").on("click.lg",function(){a(b.core.$outer).hasClass("lg-show-autoplay")?(b.cancelAuto(),b.core.s.fourceAutoplay=!1):b.interval||(b.startlAuto(),b.core.s.fourceAutoplay=b.fourceAutoplayTemp)})},c.prototype.startlAuto=function(){var a=this;a.core.$outer.find(".lg-progress").css("transition","width "+(a.core.s.speed+a.core.s.pause)+"ms ease 0s"),a.core.$outer.addClass("lg-show-autoplay"),a.core.$outer.find(".lg-progress-bar").addClass("lg-start"),a.interval=setInterval(function(){a.core.index+1<a.core.$items.length?a.core.index++:a.core.index=0,a.fromAuto=!0,a.core.slide(a.core.index,!1,!1,"next")},a.core.s.speed+a.core.s.pause)},c.prototype.cancelAuto=function(){clearInterval(this.interval),this.interval=!1,this.core.$outer.find(".lg-progress").removeAttr("style"),this.core.$outer.removeClass("lg-show-autoplay"),this.core.$outer.find(".lg-progress-bar").removeClass("lg-start")},c.prototype.destroy=function(){this.cancelAuto(),this.core.$outer.find(".lg-progress-bar").remove()},a.fn.lightGallery.modules.autoplay=c}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(require("jquery")):b(a.jQuery)}(this,function(a){!function(){"use strict";function b(){return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement}var c={fullScreen:!0},d=function(b){return this.core=a(b).data("lightGallery"),this.$el=a(b),this.core.s=a.extend({},c,this.core.s),this.init(),this};d.prototype.init=function(){var a="";if(this.core.s.fullScreen){if(!(document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled))return;a='<span class="lg-fullscreen lg-icon"></span>',this.core.$outer.find(".lg-toolbar").append(a),this.fullScreen()}},d.prototype.requestFullscreen=function(){var a=document.documentElement;a.requestFullscreen?a.requestFullscreen():a.msRequestFullscreen?a.msRequestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullscreen&&a.webkitRequestFullscreen()},d.prototype.exitFullscreen=function(){document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()},d.prototype.fullScreen=function(){var c=this;a(document).on("fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg",function(){c.core.$outer.toggleClass("lg-fullscreen-on")}),this.core.$outer.find(".lg-fullscreen").on("click.lg",function(){b()?c.exitFullscreen():c.requestFullscreen()})},d.prototype.destroy=function(){b()&&this.exitFullscreen(),a(document).off("fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg")},a.fn.lightGallery.modules.fullscreen=d}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(0,function(a){!function(){"use strict";var b={pager:!1},c=function(c){return this.core=a(c).data("lightGallery"),this.$el=a(c),this.core.s=a.extend({},b,this.core.s),this.core.s.pager&&this.core.$items.length>1&&this.init(),this};c.prototype.init=function(){var b,c,d,e=this,f="";if(e.core.$outer.find(".lg").append('<div class="lg-pager-outer"></div>'),e.core.s.dynamic)for(var g=0;g<e.core.s.dynamicEl.length;g++)f+='<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+e.core.s.dynamicEl[g].thumb+'" /></div></span>';else e.core.$items.each(function(){e.core.s.exThumbImage?f+='<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+a(this).attr(e.core.s.exThumbImage)+'" /></div></span>':f+='<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+a(this).find("img").attr("src")+'" /></div></span>'});c=e.core.$outer.find(".lg-pager-outer"),c.html(f),b=e.core.$outer.find(".lg-pager-cont"),b.on("click.lg touchend.lg",function(){var b=a(this);e.core.index=b.index(),e.core.slide(e.core.index,!1,!0,!1)}),c.on("mouseover.lg",function(){clearTimeout(d),c.addClass("lg-pager-hover")}),c.on("mouseout.lg",function(){d=setTimeout(function(){c.removeClass("lg-pager-hover")})}),e.core.$el.on("onBeforeSlide.lg.tm",function(a,c,d){b.removeClass("lg-pager-active"),b.eq(d).addClass("lg-pager-active")})},c.prototype.destroy=function(){},a.fn.lightGallery.modules.pager=c}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(0,function(a){!function(){"use strict";var b={thumbnail:!0,animateThumb:!0,currentPagerPosition:"middle",thumbWidth:100,thumbHeight:"80px",thumbContHeight:100,thumbMargin:5,exThumbImage:!1,showThumbByDefault:!0,toogleThumb:!0,pullCaptionUp:!0,enableThumbDrag:!0,enableThumbSwipe:!0,swipeThreshold:50,loadYoutubeThumbnail:!0,youtubeThumbSize:1,loadVimeoThumbnail:!0,vimeoThumbSize:"thumbnail_small",loadDailymotionThumbnail:!0},c=function(c){return this.core=a(c).data("lightGallery"),this.core.s=a.extend({},b,this.core.s),this.$el=a(c),this.$thumbOuter=null,this.thumbOuterWidth=0,this.thumbTotalWidth=this.core.$items.length*(this.core.s.thumbWidth+this.core.s.thumbMargin),this.thumbIndex=this.core.index,this.core.s.animateThumb&&(this.core.s.thumbHeight="100%"),this.left=0,this.init(),this};c.prototype.init=function(){var a=this;this.core.s.thumbnail&&this.core.$items.length>1&&(this.core.s.showThumbByDefault&&setTimeout(function(){a.core.$outer.addClass("lg-thumb-open")},700),this.core.s.pullCaptionUp&&this.core.$outer.addClass("lg-pull-caption-up"),this.build(),this.core.s.animateThumb&&this.core.doCss()?(this.core.s.enableThumbDrag&&this.enableThumbDrag(),this.core.s.enableThumbSwipe&&this.enableThumbSwipe(),this.thumbClickable=!1):this.thumbClickable=!0,this.toogle(),this.thumbkeyPress())},c.prototype.build=function(){function b(a,b,c){var g,h=d.core.isVideo(a,c)||{},i="";h.youtube||h.vimeo||h.dailymotion?h.youtube?g=d.core.s.loadYoutubeThumbnail?"//img.youtube.com/vi/"+h.youtube[1]+"/"+d.core.s.youtubeThumbSize+".jpg":b:h.vimeo?d.core.s.loadVimeoThumbnail?(g="//i.vimeocdn.com/video/error_"+f+".jpg",i=h.vimeo[1]):g=b:h.dailymotion&&(g=d.core.s.loadDailymotionThumbnail?"//www.dailymotion.com/thumbnail/video/"+h.dailymotion[1]:b):g=b,e+='<div data-vimeo-id="'+i+'" class="lg-thumb-item" style="width:'+d.core.s.thumbWidth+"px; height: "+d.core.s.thumbHeight+"; margin-right: "+d.core.s.thumbMargin+'px"><img src="'+g+'" /></div>',i=""}var c,d=this,e="",f="",g='<div class="lg-thumb-outer"><div class="lg-thumb lg-group"></div></div>';switch(this.core.s.vimeoThumbSize){case"thumbnail_large":f="640";break;case"thumbnail_medium":f="200x150";break;case"thumbnail_small":f="100x75"}if(d.core.$outer.addClass("lg-has-thumb"),d.core.$outer.find(".lg").append(g),d.$thumbOuter=d.core.$outer.find(".lg-thumb-outer"),d.thumbOuterWidth=d.$thumbOuter.width(),d.core.s.animateThumb&&d.core.$outer.find(".lg-thumb").css({width:d.thumbTotalWidth+"px",position:"relative"}),this.core.s.animateThumb&&d.$thumbOuter.css("height",d.core.s.thumbContHeight+"px"),d.core.s.dynamic)for(var h=0;h<d.core.s.dynamicEl.length;h++)b(d.core.s.dynamicEl[h].src,d.core.s.dynamicEl[h].thumb,h);else d.core.$items.each(function(c){d.core.s.exThumbImage?b(a(this).attr("href")||a(this).attr("data-src"),a(this).attr(d.core.s.exThumbImage),c):b(a(this).attr("href")||a(this).attr("data-src"),a(this).find("img").attr("src"),c)});d.core.$outer.find(".lg-thumb").html(e),c=d.core.$outer.find(".lg-thumb-item"),c.each(function(){var b=a(this),c=b.attr("data-vimeo-id");c&&a.getJSON("//www.vimeo.com/api/v2/video/"+c+".json?callback=?",{format:"json"},function(a){b.find("img").attr("src",a[0][d.core.s.vimeoThumbSize])})}),c.eq(d.core.index).addClass("active"),d.core.$el.on("onBeforeSlide.lg.tm",function(){c.removeClass("active"),c.eq(d.core.index).addClass("active")}),c.on("click.lg touchend.lg",function(){var b=a(this);setTimeout(function(){(d.thumbClickable&&!d.core.lgBusy||!d.core.doCss())&&(d.core.index=b.index(),d.core.slide(d.core.index,!1,!0,!1))},50)}),d.core.$el.on("onBeforeSlide.lg.tm",function(){d.animateThumb(d.core.index)}),a(window).on("resize.lg.thumb orientationchange.lg.thumb",function(){setTimeout(function(){d.animateThumb(d.core.index),d.thumbOuterWidth=d.$thumbOuter.width()},200)})},c.prototype.setTranslate=function(a){this.core.$outer.find(".lg-thumb").css({transform:"translate3d(-"+a+"px, 0px, 0px)"})},c.prototype.animateThumb=function(a){var b=this.core.$outer.find(".lg-thumb");if(this.core.s.animateThumb){var c;switch(this.core.s.currentPagerPosition){case"left":c=0;break;case"middle":c=this.thumbOuterWidth/2-this.core.s.thumbWidth/2;break;case"right":c=this.thumbOuterWidth-this.core.s.thumbWidth}this.left=(this.core.s.thumbWidth+this.core.s.thumbMargin)*a-1-c,this.left>this.thumbTotalWidth-this.thumbOuterWidth&&(this.left=this.thumbTotalWidth-this.thumbOuterWidth),this.left<0&&(this.left=0),this.core.lGalleryOn?(b.hasClass("on")||this.core.$outer.find(".lg-thumb").css("transition-duration",this.core.s.speed+"ms"),this.core.doCss()||b.animate({left:-this.left+"px"},this.core.s.speed)):this.core.doCss()||b.css("left",-this.left+"px"),this.setTranslate(this.left)}},c.prototype.enableThumbDrag=function(){var b=this,c=0,d=0,e=!1,f=!1,g=0;b.$thumbOuter.addClass("lg-grab"),b.core.$outer.find(".lg-thumb").on("mousedown.lg.thumb",function(a){b.thumbTotalWidth>b.thumbOuterWidth&&(a.preventDefault(),c=a.pageX,e=!0,b.core.$outer.scrollLeft+=1,b.core.$outer.scrollLeft-=1,b.thumbClickable=!1,b.$thumbOuter.removeClass("lg-grab").addClass("lg-grabbing"))}),a(window).on("mousemove.lg.thumb",function(a){e&&(g=b.left,f=!0,d=a.pageX,b.$thumbOuter.addClass("lg-dragging"),g-=d-c,g>b.thumbTotalWidth-b.thumbOuterWidth&&(g=b.thumbTotalWidth-b.thumbOuterWidth),g<0&&(g=0),b.setTranslate(g))}),a(window).on("mouseup.lg.thumb",function(){f?(f=!1,b.$thumbOuter.removeClass("lg-dragging"),b.left=g,Math.abs(d-c)<b.core.s.swipeThreshold&&(b.thumbClickable=!0)):b.thumbClickable=!0,e&&(e=!1,b.$thumbOuter.removeClass("lg-grabbing").addClass("lg-grab"))})},c.prototype.enableThumbSwipe=function(){var a=this,b=0,c=0,d=!1,e=0;a.core.$outer.find(".lg-thumb").on("touchstart.lg",function(c){a.thumbTotalWidth>a.thumbOuterWidth&&(c.preventDefault(),b=c.originalEvent.targetTouches[0].pageX,a.thumbClickable=!1)}),a.core.$outer.find(".lg-thumb").on("touchmove.lg",function(f){a.thumbTotalWidth>a.thumbOuterWidth&&(f.preventDefault(),c=f.originalEvent.targetTouches[0].pageX,d=!0,a.$thumbOuter.addClass("lg-dragging"),e=a.left,e-=c-b,e>a.thumbTotalWidth-a.thumbOuterWidth&&(e=a.thumbTotalWidth-a.thumbOuterWidth),e<0&&(e=0),a.setTranslate(e))}),a.core.$outer.find(".lg-thumb").on("touchend.lg",function(){a.thumbTotalWidth>a.thumbOuterWidth&&d?(d=!1,a.$thumbOuter.removeClass("lg-dragging"),Math.abs(c-b)<a.core.s.swipeThreshold&&(a.thumbClickable=!0),a.left=e):a.thumbClickable=!0})},c.prototype.toogle=function(){var a=this;a.core.s.toogleThumb&&(a.core.$outer.addClass("lg-can-toggle"),a.$thumbOuter.append('<span class="lg-toogle-thumb lg-icon"></span>'),a.core.$outer.find(".lg-toogle-thumb").on("click.lg",function(){a.core.$outer.toggleClass("lg-thumb-open")}))},c.prototype.thumbkeyPress=function(){var b=this;a(window).on("keydown.lg.thumb",function(a){38===a.keyCode?(a.preventDefault(),b.core.$outer.addClass("lg-thumb-open")):40===a.keyCode&&(a.preventDefault(),b.core.$outer.removeClass("lg-thumb-open"))})},c.prototype.destroy=function(){
|
||||
this.core.s.thumbnail&&this.core.$items.length>1&&(a(window).off("resize.lg.thumb orientationchange.lg.thumb keydown.lg.thumb"),this.$thumbOuter.remove(),this.core.$outer.removeClass("lg-has-thumb"))},a.fn.lightGallery.modules.Thumbnail=c}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(require("jquery")):b(a.jQuery)}(this,function(a){!function(){"use strict";function b(a,b,c,d){var e=this;if(e.core.$slide.eq(b).find(".lg-video").append(e.loadVideo(c,"lg-object",!0,b,d)),d)if(e.core.s.videojs)try{videojs(e.core.$slide.eq(b).find(".lg-html5").get(0),e.core.s.videojsOptions,function(){!e.videoLoaded&&e.core.s.autoplayFirstVideo&&this.play()})}catch(a){console.error("Make sure you have included videojs")}else!e.videoLoaded&&e.core.s.autoplayFirstVideo&&e.core.$slide.eq(b).find(".lg-html5").get(0).play()}function c(a,b){var c=this.core.$slide.eq(b).find(".lg-video-cont");c.hasClass("lg-has-iframe")||(c.css("max-width",this.core.s.videoMaxWidth),this.videoLoaded=!0)}function d(b,c,d){var e=this,f=e.core.$slide.eq(c),g=f.find(".lg-youtube").get(0),h=f.find(".lg-vimeo").get(0),i=f.find(".lg-dailymotion").get(0),j=f.find(".lg-vk").get(0),k=f.find(".lg-html5").get(0);if(g)g.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*");else if(h)try{$f(h).api("pause")}catch(a){console.error("Make sure you have included froogaloop2 js")}else if(i)i.contentWindow.postMessage("pause","*");else if(k)if(e.core.s.videojs)try{videojs(k).pause()}catch(a){console.error("Make sure you have included videojs")}else k.pause();j&&a(j).attr("src",a(j).attr("src").replace("&autoplay","&noplay"));var l;l=e.core.s.dynamic?e.core.s.dynamicEl[d].src:e.core.$items.eq(d).attr("href")||e.core.$items.eq(d).attr("data-src");var m=e.core.isVideo(l,d)||{};(m.youtube||m.vimeo||m.dailymotion||m.vk)&&e.core.$outer.addClass("lg-hide-download")}var e={videoMaxWidth:"855px",autoplayFirstVideo:!0,youtubePlayerParams:!1,vimeoPlayerParams:!1,dailymotionPlayerParams:!1,vkPlayerParams:!1,videojs:!1,videojsOptions:{}},f=function(b){return this.core=a(b).data("lightGallery"),this.$el=a(b),this.core.s=a.extend({},e,this.core.s),this.videoLoaded=!1,this.init(),this};f.prototype.init=function(){var e=this;e.core.$el.on("hasVideo.lg.tm",b.bind(this)),e.core.$el.on("onAferAppendSlide.lg.tm",c.bind(this)),e.core.doCss()&&e.core.$items.length>1&&(e.core.s.enableSwipe||e.core.s.enableDrag)?e.core.$el.on("onSlideClick.lg.tm",function(){var a=e.core.$slide.eq(e.core.index);e.loadVideoOnclick(a)}):e.core.$slide.on("click.lg",function(){e.loadVideoOnclick(a(this))}),e.core.$el.on("onBeforeSlide.lg.tm",d.bind(this)),e.core.$el.on("onAfterSlide.lg.tm",function(a,b){e.core.$slide.eq(b).removeClass("lg-video-playing")}),e.core.s.autoplayFirstVideo&&e.core.$el.on("onAferAppendSlide.lg.tm",function(a,b){if(!e.core.lGalleryOn){var c=e.core.$slide.eq(b);setTimeout(function(){e.loadVideoOnclick(c)},100)}})},f.prototype.loadVideo=function(b,c,d,e,f){var g="",h=1,i="",j=this.core.isVideo(b,e)||{};if(d&&(h=this.videoLoaded?0:this.core.s.autoplayFirstVideo?1:0),j.youtube)i="?wmode=opaque&autoplay="+h+"&enablejsapi=1",this.core.s.youtubePlayerParams&&(i=i+"&"+a.param(this.core.s.youtubePlayerParams)),g='<iframe class="lg-video-object lg-youtube '+c+'" width="560" height="315" src="//www.youtube.com/embed/'+j.youtube[1]+i+'" frameborder="0" allowfullscreen></iframe>';else if(j.vimeo)i="?autoplay="+h+"&api=1",this.core.s.vimeoPlayerParams&&(i=i+"&"+a.param(this.core.s.vimeoPlayerParams)),g='<iframe class="lg-video-object lg-vimeo '+c+'" width="560" height="315" src="//player.vimeo.com/video/'+j.vimeo[1]+i+'" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';else if(j.dailymotion)i="?wmode=opaque&autoplay="+h+"&api=postMessage",this.core.s.dailymotionPlayerParams&&(i=i+"&"+a.param(this.core.s.dailymotionPlayerParams)),g='<iframe class="lg-video-object lg-dailymotion '+c+'" width="560" height="315" src="//www.dailymotion.com/embed/video/'+j.dailymotion[1]+i+'" frameborder="0" allowfullscreen></iframe>';else if(j.html5){var k=f.substring(0,1);"."!==k&&"#"!==k||(f=a(f).html()),g=f}else j.vk&&(i="&autoplay="+h,this.core.s.vkPlayerParams&&(i=i+"&"+a.param(this.core.s.vkPlayerParams)),g='<iframe class="lg-video-object lg-vk '+c+'" width="560" height="315" src="//vk.com/video_ext.php?'+j.vk[1]+i+'" frameborder="0" allowfullscreen></iframe>');return g},f.prototype.loadVideoOnclick=function(a){var b=this;if(a.find(".lg-object").hasClass("lg-has-poster")&&a.find(".lg-object").is(":visible"))if(a.hasClass("lg-has-video")){var c=a.find(".lg-youtube").get(0),d=a.find(".lg-vimeo").get(0),e=a.find(".lg-dailymotion").get(0),f=a.find(".lg-html5").get(0);if(c)c.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}',"*");else if(d)try{$f(d).api("play")}catch(a){console.error("Make sure you have included froogaloop2 js")}else if(e)e.contentWindow.postMessage("play","*");else if(f)if(b.core.s.videojs)try{videojs(f).play()}catch(a){console.error("Make sure you have included videojs")}else f.play();a.addClass("lg-video-playing")}else{a.addClass("lg-video-playing lg-has-video");var g,h,i=function(c,d){if(a.find(".lg-video").append(b.loadVideo(c,"",!1,b.core.index,d)),d)if(b.core.s.videojs)try{videojs(b.core.$slide.eq(b.core.index).find(".lg-html5").get(0),b.core.s.videojsOptions,function(){this.play()})}catch(a){console.error("Make sure you have included videojs")}else b.core.$slide.eq(b.core.index).find(".lg-html5").get(0).play()};b.core.s.dynamic?(g=b.core.s.dynamicEl[b.core.index].src,h=b.core.s.dynamicEl[b.core.index].html,i(g,h)):(g=b.core.$items.eq(b.core.index).attr("href")||b.core.$items.eq(b.core.index).attr("data-src"),h=b.core.$items.eq(b.core.index).attr("data-html"),i(g,h));var j=a.find(".lg-object");a.find(".lg-video").append(j),a.find(".lg-video-object").hasClass("lg-html5")||(a.removeClass("lg-complete"),a.find(".lg-video-object").on("load.lg error.lg",function(){a.addClass("lg-complete")}))}},f.prototype.destroy=function(){this.videoLoaded=!1},a.fn.lightGallery.modules.video=f}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(0,function(a){!function(){"use strict";var b=function(){var a=!1,b=navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);return b&&parseInt(b[2],10)<54&&(a=!0),a},c={scale:1,zoom:!0,actualSize:!0,enableZoomAfter:300,useLeftForZoom:b()},d=function(b){return this.core=a(b).data("lightGallery"),this.core.s=a.extend({},c,this.core.s),this.core.s.zoom&&this.core.doCss()&&(this.init(),this.zoomabletimeout=!1,this.pageX=a(window).width()/2,this.pageY=a(window).height()/2+a(window).scrollTop()),this};d.prototype.init=function(){var b=this,c='<span id="lg-zoom-in" class="lg-icon"></span><span id="lg-zoom-out" class="lg-icon"></span>';b.core.s.actualSize&&(c+='<span id="lg-actual-size" class="lg-icon"></span>'),b.core.s.useLeftForZoom?b.core.$outer.addClass("lg-use-left-for-zoom"):b.core.$outer.addClass("lg-use-transition-for-zoom"),this.core.$outer.find(".lg-toolbar").append(c),b.core.$el.on("onSlideItemLoad.lg.tm.zoom",function(c,d,e){var f=b.core.s.enableZoomAfter+e;a("body").hasClass("lg-from-hash")&&e?f=0:a("body").removeClass("lg-from-hash"),b.zoomabletimeout=setTimeout(function(){b.core.$slide.eq(d).addClass("lg-zoomable")},f+30)});var d=1,e=function(c){var d,e,f=b.core.$outer.find(".lg-current .lg-image"),g=(a(window).width()-f.prop("offsetWidth"))/2,h=(a(window).height()-f.prop("offsetHeight"))/2+a(window).scrollTop();d=b.pageX-g,e=b.pageY-h;var i=(c-1)*d,j=(c-1)*e;f.css("transform","scale3d("+c+", "+c+", 1)").attr("data-scale",c),b.core.s.useLeftForZoom?f.parent().css({left:-i+"px",top:-j+"px"}).attr("data-x",i).attr("data-y",j):f.parent().css("transform","translate3d(-"+i+"px, -"+j+"px, 0)").attr("data-x",i).attr("data-y",j)},f=function(){d>1?b.core.$outer.addClass("lg-zoomed"):b.resetZoom(),d<1&&(d=1),e(d)},g=function(c,e,g,h){var i,j=e.prop("offsetWidth");i=b.core.s.dynamic?b.core.s.dynamicEl[g].width||e[0].naturalWidth||j:b.core.$items.eq(g).attr("data-width")||e[0].naturalWidth||j;var k;b.core.$outer.hasClass("lg-zoomed")?d=1:i>j&&(k=i/j,d=k||2),h?(b.pageX=a(window).width()/2,b.pageY=a(window).height()/2+a(window).scrollTop()):(b.pageX=c.pageX||c.originalEvent.targetTouches[0].pageX,b.pageY=c.pageY||c.originalEvent.targetTouches[0].pageY),f(),setTimeout(function(){b.core.$outer.removeClass("lg-grabbing").addClass("lg-grab")},10)},h=!1;b.core.$el.on("onAferAppendSlide.lg.tm.zoom",function(a,c){var d=b.core.$slide.eq(c).find(".lg-image");d.on("dblclick",function(a){g(a,d,c)}),d.on("touchstart",function(a){h?(clearTimeout(h),h=null,g(a,d,c)):h=setTimeout(function(){h=null},300),a.preventDefault()})}),a(window).on("resize.lg.zoom scroll.lg.zoom orientationchange.lg.zoom",function(){b.pageX=a(window).width()/2,b.pageY=a(window).height()/2+a(window).scrollTop(),e(d)}),a("#lg-zoom-out").on("click.lg",function(){b.core.$outer.find(".lg-current .lg-image").length&&(d-=b.core.s.scale,f())}),a("#lg-zoom-in").on("click.lg",function(){b.core.$outer.find(".lg-current .lg-image").length&&(d+=b.core.s.scale,f())}),a("#lg-actual-size").on("click.lg",function(a){g(a,b.core.$slide.eq(b.core.index).find(".lg-image"),b.core.index,!0)}),b.core.$el.on("onBeforeSlide.lg.tm",function(){d=1,b.resetZoom()}),b.zoomDrag(),b.zoomSwipe()},d.prototype.resetZoom=function(){this.core.$outer.removeClass("lg-zoomed"),this.core.$slide.find(".lg-img-wrap").removeAttr("style data-x data-y"),this.core.$slide.find(".lg-image").removeAttr("style data-scale"),this.pageX=a(window).width()/2,this.pageY=a(window).height()/2+a(window).scrollTop()},d.prototype.zoomSwipe=function(){var a=this,b={},c={},d=!1,e=!1,f=!1;a.core.$slide.on("touchstart.lg",function(c){if(a.core.$outer.hasClass("lg-zoomed")){var d=a.core.$slide.eq(a.core.index).find(".lg-object");f=d.prop("offsetHeight")*d.attr("data-scale")>a.core.$outer.find(".lg").height(),e=d.prop("offsetWidth")*d.attr("data-scale")>a.core.$outer.find(".lg").width(),(e||f)&&(c.preventDefault(),b={x:c.originalEvent.targetTouches[0].pageX,y:c.originalEvent.targetTouches[0].pageY})}}),a.core.$slide.on("touchmove.lg",function(g){if(a.core.$outer.hasClass("lg-zoomed")){var h,i,j=a.core.$slide.eq(a.core.index).find(".lg-img-wrap");g.preventDefault(),d=!0,c={x:g.originalEvent.targetTouches[0].pageX,y:g.originalEvent.targetTouches[0].pageY},a.core.$outer.addClass("lg-zoom-dragging"),i=f?-Math.abs(j.attr("data-y"))+(c.y-b.y):-Math.abs(j.attr("data-y")),h=e?-Math.abs(j.attr("data-x"))+(c.x-b.x):-Math.abs(j.attr("data-x")),(Math.abs(c.x-b.x)>15||Math.abs(c.y-b.y)>15)&&(a.core.s.useLeftForZoom?j.css({left:h+"px",top:i+"px"}):j.css("transform","translate3d("+h+"px, "+i+"px, 0)"))}}),a.core.$slide.on("touchend.lg",function(){a.core.$outer.hasClass("lg-zoomed")&&d&&(d=!1,a.core.$outer.removeClass("lg-zoom-dragging"),a.touchendZoom(b,c,e,f))})},d.prototype.zoomDrag=function(){var b=this,c={},d={},e=!1,f=!1,g=!1,h=!1;b.core.$slide.on("mousedown.lg.zoom",function(d){var f=b.core.$slide.eq(b.core.index).find(".lg-object");h=f.prop("offsetHeight")*f.attr("data-scale")>b.core.$outer.find(".lg").height(),g=f.prop("offsetWidth")*f.attr("data-scale")>b.core.$outer.find(".lg").width(),b.core.$outer.hasClass("lg-zoomed")&&a(d.target).hasClass("lg-object")&&(g||h)&&(d.preventDefault(),c={x:d.pageX,y:d.pageY},e=!0,b.core.$outer.scrollLeft+=1,b.core.$outer.scrollLeft-=1,b.core.$outer.removeClass("lg-grab").addClass("lg-grabbing"))}),a(window).on("mousemove.lg.zoom",function(a){if(e){var i,j,k=b.core.$slide.eq(b.core.index).find(".lg-img-wrap");f=!0,d={x:a.pageX,y:a.pageY},b.core.$outer.addClass("lg-zoom-dragging"),j=h?-Math.abs(k.attr("data-y"))+(d.y-c.y):-Math.abs(k.attr("data-y")),i=g?-Math.abs(k.attr("data-x"))+(d.x-c.x):-Math.abs(k.attr("data-x")),b.core.s.useLeftForZoom?k.css({left:i+"px",top:j+"px"}):k.css("transform","translate3d("+i+"px, "+j+"px, 0)")}}),a(window).on("mouseup.lg.zoom",function(a){e&&(e=!1,b.core.$outer.removeClass("lg-zoom-dragging"),!f||c.x===d.x&&c.y===d.y||(d={x:a.pageX,y:a.pageY},b.touchendZoom(c,d,g,h)),f=!1),b.core.$outer.removeClass("lg-grabbing").addClass("lg-grab")})},d.prototype.touchendZoom=function(a,b,c,d){var e=this,f=e.core.$slide.eq(e.core.index).find(".lg-img-wrap"),g=e.core.$slide.eq(e.core.index).find(".lg-object"),h=-Math.abs(f.attr("data-x"))+(b.x-a.x),i=-Math.abs(f.attr("data-y"))+(b.y-a.y),j=(e.core.$outer.find(".lg").height()-g.prop("offsetHeight"))/2,k=Math.abs(g.prop("offsetHeight")*Math.abs(g.attr("data-scale"))-e.core.$outer.find(".lg").height()+j),l=(e.core.$outer.find(".lg").width()-g.prop("offsetWidth"))/2,m=Math.abs(g.prop("offsetWidth")*Math.abs(g.attr("data-scale"))-e.core.$outer.find(".lg").width()+l);(Math.abs(b.x-a.x)>15||Math.abs(b.y-a.y)>15)&&(d&&(i<=-k?i=-k:i>=-j&&(i=-j)),c&&(h<=-m?h=-m:h>=-l&&(h=-l)),d?f.attr("data-y",Math.abs(i)):i=-Math.abs(f.attr("data-y")),c?f.attr("data-x",Math.abs(h)):h=-Math.abs(f.attr("data-x")),e.core.s.useLeftForZoom?f.css({left:h+"px",top:i+"px"}):f.css("transform","translate3d("+h+"px, "+i+"px, 0)"))},d.prototype.destroy=function(){var b=this;b.core.$el.off(".lg.zoom"),a(window).off(".lg.zoom"),b.core.$slide.off(".lg.zoom"),b.core.$el.off(".lg.tm.zoom"),b.resetZoom(),clearTimeout(b.zoomabletimeout),b.zoomabletimeout=!1},a.fn.lightGallery.modules.zoom=d}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(0,function(a){!function(){"use strict";var b={hash:!0},c=function(c){return this.core=a(c).data("lightGallery"),this.core.s=a.extend({},b,this.core.s),this.core.s.hash&&(this.oldHash=window.location.hash,this.init()),this};c.prototype.init=function(){var b,c=this;c.core.$el.on("onAfterSlide.lg.tm",function(a,b,d){history.replaceState?history.replaceState(null,null,window.location.pathname+window.location.search+"#lg="+c.core.s.galleryId+"&slide="+d):window.location.hash="lg="+c.core.s.galleryId+"&slide="+d}),a(window).on("hashchange.lg.hash",function(){b=window.location.hash;var a=parseInt(b.split("&slide=")[1],10);b.indexOf("lg="+c.core.s.galleryId)>-1?c.core.slide(a,!1,!1):c.core.lGalleryOn&&c.core.destroy()})},c.prototype.destroy=function(){this.core.s.hash&&(this.oldHash&&this.oldHash.indexOf("lg="+this.core.s.galleryId)<0?history.replaceState?history.replaceState(null,null,this.oldHash):window.location.hash=this.oldHash:history.replaceState?history.replaceState(null,document.title,window.location.pathname+window.location.search):window.location.hash="",this.core.$el.off(".lg.hash"))},a.fn.lightGallery.modules.hash=c}()}),function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(0,function(a){!function(){"use strict";var b={share:!0,facebook:!0,facebookDropdownText:"Facebook",twitter:!0,twitterDropdownText:"Twitter",googlePlus:!0,googlePlusDropdownText:"GooglePlus",pinterest:!0,pinterestDropdownText:"Pinterest"},c=function(c){return this.core=a(c).data("lightGallery"),this.core.s=a.extend({},b,this.core.s),this.core.s.share&&this.init(),this};c.prototype.init=function(){var b=this,c='<span id="lg-share" class="lg-icon"><ul class="lg-dropdown" style="position: absolute;">';c+=b.core.s.facebook?'<li><a id="lg-share-facebook" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.facebookDropdownText+"</span></a></li>":"",c+=b.core.s.twitter?'<li><a id="lg-share-twitter" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.twitterDropdownText+"</span></a></li>":"",c+=b.core.s.googlePlus?'<li><a id="lg-share-googleplus" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.googlePlusDropdownText+"</span></a></li>":"",c+=b.core.s.pinterest?'<li><a id="lg-share-pinterest" target="_blank"><span class="lg-icon"></span><span class="lg-dropdown-text">'+this.core.s.pinterestDropdownText+"</span></a></li>":"",c+="</ul></span>",this.core.$outer.find(".lg-toolbar").append(c),this.core.$outer.find(".lg").append('<div id="lg-dropdown-overlay"></div>'),a("#lg-share").on("click.lg",function(){b.core.$outer.toggleClass("lg-dropdown-active")}),a("#lg-dropdown-overlay").on("click.lg",function(){b.core.$outer.removeClass("lg-dropdown-active")}),b.core.$el.on("onAfterSlide.lg.tm",function(c,d,e){setTimeout(function(){a("#lg-share-facebook").attr("href","https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(b.getSahreProps(e,"facebookShareUrl")||window.location.href)),a("#lg-share-twitter").attr("href","https://twitter.com/intent/tweet?text="+b.getSahreProps(e,"tweetText")+"&url="+encodeURIComponent(b.getSahreProps(e,"twitterShareUrl")||window.location.href)),a("#lg-share-googleplus").attr("href","https://plus.google.com/share?url="+encodeURIComponent(b.getSahreProps(e,"googleplusShareUrl")||window.location.href)),a("#lg-share-pinterest").attr("href","http://www.pinterest.com/pin/create/button/?url="+encodeURIComponent(b.getSahreProps(e,"pinterestShareUrl")||window.location.href)+"&media="+encodeURIComponent(b.getSahreProps(e,"src"))+"&description="+b.getSahreProps(e,"pinterestText"))},100)})},c.prototype.getSahreProps=function(a,b){var c="";if(this.core.s.dynamic)c=this.core.s.dynamicEl[a][b];else{var d=this.core.$items.eq(a).attr("href"),e=this.core.$items.eq(a).data(b);c="src"===b?d||e:e}return c},c.prototype.destroy=function(){},a.fn.lightGallery.modules.share=c}()});
|
1361
public/style/vendor/lightgallery/js/lightgallery.js
vendored
Normal file
1361
public/style/vendor/lightgallery/js/lightgallery.js
vendored
Normal file
@ -0,0 +1,1361 @@
|
||||
/*! lightgallery - v1.6.12 - 2019-02-19
|
||||
* http://sachinchoolur.github.io/lightGallery/
|
||||
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(['jquery'], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(root["jQuery"]);
|
||||
}
|
||||
}(this, function ($) {
|
||||
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
var defaults = {
|
||||
|
||||
mode: 'lg-slide',
|
||||
|
||||
// Ex : 'ease'
|
||||
cssEasing: 'ease',
|
||||
|
||||
//'for jquery animation'
|
||||
easing: 'linear',
|
||||
speed: 600,
|
||||
height: '100%',
|
||||
width: '100%',
|
||||
addClass: '',
|
||||
startClass: 'lg-start-zoom',
|
||||
backdropDuration: 150,
|
||||
hideBarsDelay: 6000,
|
||||
|
||||
useLeft: false,
|
||||
|
||||
closable: true,
|
||||
loop: true,
|
||||
escKey: true,
|
||||
keyPress: true,
|
||||
controls: true,
|
||||
slideEndAnimatoin: true,
|
||||
hideControlOnEnd: false,
|
||||
mousewheel: true,
|
||||
|
||||
getCaptionFromTitleOrAlt: true,
|
||||
|
||||
// .lg-item || '.lg-sub-html'
|
||||
appendSubHtmlTo: '.lg-sub-html',
|
||||
|
||||
subHtmlSelectorRelative: false,
|
||||
|
||||
/**
|
||||
* @desc number of preload slides
|
||||
* will exicute only after the current slide is fully loaded.
|
||||
*
|
||||
* @ex you clicked on 4th image and if preload = 1 then 3rd slide and 5th
|
||||
* slide will be loaded in the background after the 4th slide is fully loaded..
|
||||
* if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ...
|
||||
*
|
||||
*/
|
||||
preload: 1,
|
||||
showAfterLoad: true,
|
||||
selector: '',
|
||||
selectWithin: '',
|
||||
nextHtml: '',
|
||||
prevHtml: '',
|
||||
|
||||
// 0, 1
|
||||
index: false,
|
||||
|
||||
iframeMaxWidth: '100%',
|
||||
|
||||
download: true,
|
||||
counter: true,
|
||||
appendCounterTo: '.lg-toolbar',
|
||||
|
||||
swipeThreshold: 50,
|
||||
enableSwipe: true,
|
||||
enableDrag: true,
|
||||
|
||||
dynamic: false,
|
||||
dynamicEl: [],
|
||||
galleryId: 1
|
||||
};
|
||||
|
||||
function Plugin(element, options) {
|
||||
|
||||
// Current lightGallery element
|
||||
this.el = element;
|
||||
|
||||
// Current jquery element
|
||||
this.$el = $(element);
|
||||
|
||||
// lightGallery settings
|
||||
this.s = $.extend({}, defaults, options);
|
||||
|
||||
// When using dynamic mode, ensure dynamicEl is an array
|
||||
if (this.s.dynamic && this.s.dynamicEl !== 'undefined' && this.s.dynamicEl.constructor === Array && !this.s.dynamicEl.length) {
|
||||
throw ('When using dynamic mode, you must also define dynamicEl as an Array.');
|
||||
}
|
||||
|
||||
// lightGallery modules
|
||||
this.modules = {};
|
||||
|
||||
// false when lightgallery complete first slide;
|
||||
this.lGalleryOn = false;
|
||||
|
||||
this.lgBusy = false;
|
||||
|
||||
// Timeout function for hiding controls;
|
||||
this.hideBartimeout = false;
|
||||
|
||||
// To determine browser supports for touch events;
|
||||
this.isTouch = ('ontouchstart' in document.documentElement);
|
||||
|
||||
// Disable hideControlOnEnd if sildeEndAnimation is true
|
||||
if (this.s.slideEndAnimatoin) {
|
||||
this.s.hideControlOnEnd = false;
|
||||
}
|
||||
|
||||
// Gallery items
|
||||
if (this.s.dynamic) {
|
||||
this.$items = this.s.dynamicEl;
|
||||
} else {
|
||||
if (this.s.selector === 'this') {
|
||||
this.$items = this.$el;
|
||||
} else if (this.s.selector !== '') {
|
||||
if (this.s.selectWithin) {
|
||||
this.$items = $(this.s.selectWithin).find(this.s.selector);
|
||||
} else {
|
||||
this.$items = this.$el.find($(this.s.selector));
|
||||
}
|
||||
} else {
|
||||
this.$items = this.$el.children();
|
||||
}
|
||||
}
|
||||
|
||||
// .lg-item
|
||||
this.$slide = '';
|
||||
|
||||
// .lg-outer
|
||||
this.$outer = '';
|
||||
|
||||
this.init();
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
Plugin.prototype.init = function() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
// s.preload should not be more than $item.length
|
||||
if (_this.s.preload > _this.$items.length) {
|
||||
_this.s.preload = _this.$items.length;
|
||||
}
|
||||
|
||||
// if dynamic option is enabled execute immediately
|
||||
var _hash = window.location.hash;
|
||||
if (_hash.indexOf('lg=' + this.s.galleryId) > 0) {
|
||||
|
||||
_this.index = parseInt(_hash.split('&slide=')[1], 10);
|
||||
|
||||
$('body').addClass('lg-from-hash');
|
||||
if (!$('body').hasClass('lg-on')) {
|
||||
setTimeout(function() {
|
||||
_this.build(_this.index);
|
||||
});
|
||||
|
||||
$('body').addClass('lg-on');
|
||||
}
|
||||
}
|
||||
|
||||
if (_this.s.dynamic) {
|
||||
|
||||
_this.$el.trigger('onBeforeOpen.lg');
|
||||
|
||||
_this.index = _this.s.index || 0;
|
||||
|
||||
// prevent accidental double execution
|
||||
if (!$('body').hasClass('lg-on')) {
|
||||
setTimeout(function() {
|
||||
_this.build(_this.index);
|
||||
$('body').addClass('lg-on');
|
||||
});
|
||||
}
|
||||
} else {
|
||||
|
||||
// Using different namespace for click because click event should not unbind if selector is same object('this')
|
||||
_this.$items.on('click.lgcustom', function(event) {
|
||||
|
||||
// For IE8
|
||||
try {
|
||||
event.preventDefault();
|
||||
event.preventDefault();
|
||||
} catch (er) {
|
||||
event.returnValue = false;
|
||||
}
|
||||
|
||||
_this.$el.trigger('onBeforeOpen.lg');
|
||||
|
||||
_this.index = _this.s.index || _this.$items.index(this);
|
||||
|
||||
// prevent accidental double execution
|
||||
if (!$('body').hasClass('lg-on')) {
|
||||
_this.build(_this.index);
|
||||
$('body').addClass('lg-on');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.build = function(index) {
|
||||
|
||||
var _this = this;
|
||||
|
||||
_this.structure();
|
||||
|
||||
// module constructor
|
||||
$.each($.fn.lightGallery.modules, function(key) {
|
||||
_this.modules[key] = new $.fn.lightGallery.modules[key](_this.el);
|
||||
});
|
||||
|
||||
// initiate slide function
|
||||
_this.slide(index, false, false, false);
|
||||
|
||||
if (_this.s.keyPress) {
|
||||
_this.keyPress();
|
||||
}
|
||||
|
||||
if (_this.$items.length > 1) {
|
||||
|
||||
_this.arrow();
|
||||
|
||||
setTimeout(function() {
|
||||
_this.enableDrag();
|
||||
_this.enableSwipe();
|
||||
}, 50);
|
||||
|
||||
if (_this.s.mousewheel) {
|
||||
_this.mousewheel();
|
||||
}
|
||||
} else {
|
||||
_this.$slide.on('click.lg', function() {
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
});
|
||||
}
|
||||
|
||||
_this.counter();
|
||||
|
||||
_this.closeGallery();
|
||||
|
||||
_this.$el.trigger('onAfterOpen.lg');
|
||||
|
||||
// Hide controllers if mouse doesn't move for some period
|
||||
_this.$outer.on('mousemove.lg click.lg touchstart.lg', function() {
|
||||
|
||||
_this.$outer.removeClass('lg-hide-items');
|
||||
|
||||
clearTimeout(_this.hideBartimeout);
|
||||
|
||||
// Timeout will be cleared on each slide movement also
|
||||
_this.hideBartimeout = setTimeout(function() {
|
||||
_this.$outer.addClass('lg-hide-items');
|
||||
}, _this.s.hideBarsDelay);
|
||||
|
||||
});
|
||||
|
||||
_this.$outer.trigger('mousemove.lg');
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.structure = function() {
|
||||
var list = '';
|
||||
var controls = '';
|
||||
var i = 0;
|
||||
var subHtmlCont = '';
|
||||
var template;
|
||||
var _this = this;
|
||||
|
||||
$('body').append('<div class="lg-backdrop"></div>');
|
||||
$('.lg-backdrop').css('transition-duration', this.s.backdropDuration + 'ms');
|
||||
|
||||
// Create gallery items
|
||||
for (i = 0; i < this.$items.length; i++) {
|
||||
list += '<div class="lg-item"></div>';
|
||||
}
|
||||
|
||||
// Create controlls
|
||||
if (this.s.controls && this.$items.length > 1) {
|
||||
controls = '<div class="lg-actions">' +
|
||||
'<button class="lg-prev lg-icon">' + this.s.prevHtml + '</button>' +
|
||||
'<button class="lg-next lg-icon">' + this.s.nextHtml + '</button>' +
|
||||
'</div>';
|
||||
}
|
||||
|
||||
if (this.s.appendSubHtmlTo === '.lg-sub-html') {
|
||||
subHtmlCont = '<div class="lg-sub-html"></div>';
|
||||
}
|
||||
|
||||
template = '<div class="lg-outer ' + this.s.addClass + ' ' + this.s.startClass + '">' +
|
||||
'<div class="lg" style="width:' + this.s.width + '; height:' + this.s.height + '">' +
|
||||
'<div class="lg-inner">' + list + '</div>' +
|
||||
'<div class="lg-toolbar lg-group">' +
|
||||
'<span class="lg-close lg-icon"></span>' +
|
||||
'</div>' +
|
||||
controls +
|
||||
subHtmlCont +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
|
||||
$('body').append(template);
|
||||
this.$outer = $('.lg-outer');
|
||||
this.$slide = this.$outer.find('.lg-item');
|
||||
|
||||
if (this.s.useLeft) {
|
||||
this.$outer.addClass('lg-use-left');
|
||||
|
||||
// Set mode lg-slide if use left is true;
|
||||
this.s.mode = 'lg-slide';
|
||||
} else {
|
||||
this.$outer.addClass('lg-use-css3');
|
||||
}
|
||||
|
||||
// For fixed height gallery
|
||||
_this.setTop();
|
||||
$(window).on('resize.lg orientationchange.lg', function() {
|
||||
setTimeout(function() {
|
||||
_this.setTop();
|
||||
}, 100);
|
||||
});
|
||||
|
||||
// add class lg-current to remove initial transition
|
||||
this.$slide.eq(this.index).addClass('lg-current');
|
||||
|
||||
// add Class for css support and transition mode
|
||||
if (this.doCss()) {
|
||||
this.$outer.addClass('lg-css3');
|
||||
} else {
|
||||
this.$outer.addClass('lg-css');
|
||||
|
||||
// Set speed 0 because no animation will happen if browser doesn't support css3
|
||||
this.s.speed = 0;
|
||||
}
|
||||
|
||||
this.$outer.addClass(this.s.mode);
|
||||
|
||||
if (this.s.enableDrag && this.$items.length > 1) {
|
||||
this.$outer.addClass('lg-grab');
|
||||
}
|
||||
|
||||
if (this.s.showAfterLoad) {
|
||||
this.$outer.addClass('lg-show-after-load');
|
||||
}
|
||||
|
||||
if (this.doCss()) {
|
||||
var $inner = this.$outer.find('.lg-inner');
|
||||
$inner.css('transition-timing-function', this.s.cssEasing);
|
||||
$inner.css('transition-duration', this.s.speed + 'ms');
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
$('.lg-backdrop').addClass('in');
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
_this.$outer.addClass('lg-visible');
|
||||
}, this.s.backdropDuration);
|
||||
|
||||
if (this.s.download) {
|
||||
this.$outer.find('.lg-toolbar').append('<a id="lg-download" target="_blank" download class="lg-download lg-icon"></a>');
|
||||
}
|
||||
|
||||
// Store the current scroll top value to scroll back after closing the gallery..
|
||||
this.prevScrollTop = $(window).scrollTop();
|
||||
|
||||
};
|
||||
|
||||
// For fixed height gallery
|
||||
Plugin.prototype.setTop = function() {
|
||||
if (this.s.height !== '100%') {
|
||||
var wH = $(window).height();
|
||||
var top = (wH - parseInt(this.s.height, 10)) / 2;
|
||||
var $lGallery = this.$outer.find('.lg');
|
||||
if (wH >= parseInt(this.s.height, 10)) {
|
||||
$lGallery.css('top', top + 'px');
|
||||
} else {
|
||||
$lGallery.css('top', '0px');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Find css3 support
|
||||
Plugin.prototype.doCss = function() {
|
||||
// check for css animation support
|
||||
var support = function() {
|
||||
var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition'];
|
||||
var root = document.documentElement;
|
||||
var i = 0;
|
||||
for (i = 0; i < transition.length; i++) {
|
||||
if (transition[i] in root.style) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (support()) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Check the given src is video
|
||||
* @param {String} src
|
||||
* @return {Object} video type
|
||||
* Ex:{ youtube : ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] }
|
||||
*/
|
||||
Plugin.prototype.isVideo = function(src, index) {
|
||||
|
||||
var html;
|
||||
if (this.s.dynamic) {
|
||||
html = this.s.dynamicEl[index].html;
|
||||
} else {
|
||||
html = this.$items.eq(index).attr('data-html');
|
||||
}
|
||||
|
||||
if (!src) {
|
||||
if(html) {
|
||||
return {
|
||||
html5: true
|
||||
};
|
||||
} else {
|
||||
console.error('lightGallery :- data-src is not pvovided on slide item ' + (index + 1) + '. Please make sure the selector property is properly configured. More info - http://sachinchoolur.github.io/lightGallery/demos/html-markup.html');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i);
|
||||
var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i);
|
||||
var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i);
|
||||
var vk = src.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);
|
||||
|
||||
if (youtube) {
|
||||
return {
|
||||
youtube: youtube
|
||||
};
|
||||
} else if (vimeo) {
|
||||
return {
|
||||
vimeo: vimeo
|
||||
};
|
||||
} else if (dailymotion) {
|
||||
return {
|
||||
dailymotion: dailymotion
|
||||
};
|
||||
} else if (vk) {
|
||||
return {
|
||||
vk: vk
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Create image counter
|
||||
* Ex: 1/10
|
||||
*/
|
||||
Plugin.prototype.counter = function() {
|
||||
if (this.s.counter) {
|
||||
$(this.s.appendCounterTo).append('<div id="lg-counter"><span id="lg-counter-current">' + (parseInt(this.index, 10) + 1) + '</span> / <span id="lg-counter-all">' + this.$items.length + '</span></div>');
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc add sub-html into the slide
|
||||
* @param {Number} index - index of the slide
|
||||
*/
|
||||
Plugin.prototype.addHtml = function(index) {
|
||||
var subHtml = null;
|
||||
var subHtmlUrl;
|
||||
var $currentEle;
|
||||
if (this.s.dynamic) {
|
||||
if (this.s.dynamicEl[index].subHtmlUrl) {
|
||||
subHtmlUrl = this.s.dynamicEl[index].subHtmlUrl;
|
||||
} else {
|
||||
subHtml = this.s.dynamicEl[index].subHtml;
|
||||
}
|
||||
} else {
|
||||
$currentEle = this.$items.eq(index);
|
||||
if ($currentEle.attr('data-sub-html-url')) {
|
||||
subHtmlUrl = $currentEle.attr('data-sub-html-url');
|
||||
} else {
|
||||
subHtml = $currentEle.attr('data-sub-html');
|
||||
if (this.s.getCaptionFromTitleOrAlt && !subHtml) {
|
||||
subHtml = $currentEle.attr('title') || $currentEle.find('img').first().attr('alt');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!subHtmlUrl) {
|
||||
if (typeof subHtml !== 'undefined' && subHtml !== null) {
|
||||
|
||||
// get first letter of subhtml
|
||||
// if first letter starts with . or # get the html form the jQuery object
|
||||
var fL = subHtml.substring(0, 1);
|
||||
if (fL === '.' || fL === '#') {
|
||||
if (this.s.subHtmlSelectorRelative && !this.s.dynamic) {
|
||||
subHtml = $currentEle.find(subHtml).html();
|
||||
} else {
|
||||
subHtml = $(subHtml).html();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
subHtml = '';
|
||||
}
|
||||
}
|
||||
|
||||
if (this.s.appendSubHtmlTo === '.lg-sub-html') {
|
||||
|
||||
if (subHtmlUrl) {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).load(subHtmlUrl);
|
||||
} else {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).html(subHtml);
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
if (subHtmlUrl) {
|
||||
this.$slide.eq(index).load(subHtmlUrl);
|
||||
} else {
|
||||
this.$slide.eq(index).append(subHtml);
|
||||
}
|
||||
}
|
||||
|
||||
// Add lg-empty-html class if title doesn't exist
|
||||
if (typeof subHtml !== 'undefined' && subHtml !== null) {
|
||||
if (subHtml === '') {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).addClass('lg-empty-html');
|
||||
} else {
|
||||
this.$outer.find(this.s.appendSubHtmlTo).removeClass('lg-empty-html');
|
||||
}
|
||||
}
|
||||
|
||||
this.$el.trigger('onAfterAppendSubHtml.lg', [index]);
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Preload slides
|
||||
* @param {Number} index - index of the slide
|
||||
*/
|
||||
Plugin.prototype.preload = function(index) {
|
||||
var i = 1;
|
||||
var j = 1;
|
||||
for (i = 1; i <= this.s.preload; i++) {
|
||||
if (i >= this.$items.length - index) {
|
||||
break;
|
||||
}
|
||||
|
||||
this.loadContent(index + i, false, 0);
|
||||
}
|
||||
|
||||
for (j = 1; j <= this.s.preload; j++) {
|
||||
if (index - j < 0) {
|
||||
break;
|
||||
}
|
||||
|
||||
this.loadContent(index - j, false, 0);
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Load slide content into slide.
|
||||
* @param {Number} index - index of the slide.
|
||||
* @param {Boolean} rec - if true call loadcontent() function again.
|
||||
* @param {Boolean} delay - delay for adding complete class. it is 0 except first time.
|
||||
*/
|
||||
Plugin.prototype.loadContent = function(index, rec, delay) {
|
||||
|
||||
var _this = this;
|
||||
var _hasPoster = false;
|
||||
var _$img;
|
||||
var _src;
|
||||
var _poster;
|
||||
var _srcset;
|
||||
var _sizes;
|
||||
var _html;
|
||||
var getResponsiveSrc = function(srcItms) {
|
||||
var rsWidth = [];
|
||||
var rsSrc = [];
|
||||
for (var i = 0; i < srcItms.length; i++) {
|
||||
var __src = srcItms[i].split(' ');
|
||||
|
||||
// Manage empty space
|
||||
if (__src[0] === '') {
|
||||
__src.splice(0, 1);
|
||||
}
|
||||
|
||||
rsSrc.push(__src[0]);
|
||||
rsWidth.push(__src[1]);
|
||||
}
|
||||
|
||||
var wWidth = $(window).width();
|
||||
for (var j = 0; j < rsWidth.length; j++) {
|
||||
if (parseInt(rsWidth[j], 10) > wWidth) {
|
||||
_src = rsSrc[j];
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (_this.s.dynamic) {
|
||||
|
||||
if (_this.s.dynamicEl[index].poster) {
|
||||
_hasPoster = true;
|
||||
_poster = _this.s.dynamicEl[index].poster;
|
||||
}
|
||||
|
||||
_html = _this.s.dynamicEl[index].html;
|
||||
_src = _this.s.dynamicEl[index].src;
|
||||
|
||||
if (_this.s.dynamicEl[index].responsive) {
|
||||
var srcDyItms = _this.s.dynamicEl[index].responsive.split(',');
|
||||
getResponsiveSrc(srcDyItms);
|
||||
}
|
||||
|
||||
_srcset = _this.s.dynamicEl[index].srcset;
|
||||
_sizes = _this.s.dynamicEl[index].sizes;
|
||||
|
||||
} else {
|
||||
|
||||
if (_this.$items.eq(index).attr('data-poster')) {
|
||||
_hasPoster = true;
|
||||
_poster = _this.$items.eq(index).attr('data-poster');
|
||||
}
|
||||
|
||||
_html = _this.$items.eq(index).attr('data-html');
|
||||
_src = _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src');
|
||||
|
||||
if (_this.$items.eq(index).attr('data-responsive')) {
|
||||
var srcItms = _this.$items.eq(index).attr('data-responsive').split(',');
|
||||
getResponsiveSrc(srcItms);
|
||||
}
|
||||
|
||||
_srcset = _this.$items.eq(index).attr('data-srcset');
|
||||
_sizes = _this.$items.eq(index).attr('data-sizes');
|
||||
|
||||
}
|
||||
|
||||
//if (_src || _srcset || _sizes || _poster) {
|
||||
|
||||
var iframe = false;
|
||||
if (_this.s.dynamic) {
|
||||
if (_this.s.dynamicEl[index].iframe) {
|
||||
iframe = true;
|
||||
}
|
||||
} else {
|
||||
if (_this.$items.eq(index).attr('data-iframe') === 'true') {
|
||||
iframe = true;
|
||||
}
|
||||
}
|
||||
|
||||
var _isVideo = _this.isVideo(_src, index);
|
||||
if (!_this.$slide.eq(index).hasClass('lg-loaded')) {
|
||||
if (iframe) {
|
||||
_this.$slide.eq(index).prepend('<div class="lg-video-cont lg-has-iframe" style="max-width:' + _this.s.iframeMaxWidth + '"><div class="lg-video"><iframe class="lg-object" frameborder="0" src="' + _src + '" allowfullscreen="true"></iframe></div></div>');
|
||||
} else if (_hasPoster) {
|
||||
var videoClass = '';
|
||||
if (_isVideo && _isVideo.youtube) {
|
||||
videoClass = 'lg-has-youtube';
|
||||
} else if (_isVideo && _isVideo.vimeo) {
|
||||
videoClass = 'lg-has-vimeo';
|
||||
} else {
|
||||
videoClass = 'lg-has-html5';
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).prepend('<div class="lg-video-cont ' + videoClass + ' "><div class="lg-video"><span class="lg-video-play"></span><img class="lg-object lg-has-poster" src="' + _poster + '" /></div></div>');
|
||||
|
||||
} else if (_isVideo) {
|
||||
_this.$slide.eq(index).prepend('<div class="lg-video-cont "><div class="lg-video"></div></div>');
|
||||
_this.$el.trigger('hasVideo.lg', [index, _src, _html]);
|
||||
} else {
|
||||
_this.$slide.eq(index).prepend('<div class="lg-img-wrap"><img class="lg-object lg-image" src="' + _src + '" /></div>');
|
||||
}
|
||||
|
||||
_this.$el.trigger('onAferAppendSlide.lg', [index]);
|
||||
|
||||
_$img = _this.$slide.eq(index).find('.lg-object');
|
||||
if (_sizes) {
|
||||
_$img.attr('sizes', _sizes);
|
||||
}
|
||||
|
||||
if (_srcset) {
|
||||
_$img.attr('srcset', _srcset);
|
||||
try {
|
||||
picturefill({
|
||||
elements: [_$img[0]]
|
||||
});
|
||||
} catch (e) {
|
||||
console.warn('lightGallery :- If you want srcset to be supported for older browser please include picturefil version 2 javascript library in your document.');
|
||||
}
|
||||
}
|
||||
|
||||
if (this.s.appendSubHtmlTo !== '.lg-sub-html') {
|
||||
_this.addHtml(index);
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).addClass('lg-loaded');
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {
|
||||
|
||||
// For first time add some delay for displaying the start animation.
|
||||
var _speed = 0;
|
||||
|
||||
// Do not change the delay value because it is required for zoom plugin.
|
||||
// If gallery opened from direct url (hash) speed value should be 0
|
||||
if (delay && !$('body').hasClass('lg-from-hash')) {
|
||||
_speed = delay;
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
_this.$slide.eq(index).addClass('lg-complete');
|
||||
_this.$el.trigger('onSlideItemLoad.lg', [index, delay || 0]);
|
||||
}, _speed);
|
||||
|
||||
});
|
||||
|
||||
// @todo check load state for html5 videos
|
||||
if (_isVideo && _isVideo.html5 && !_hasPoster) {
|
||||
_this.$slide.eq(index).addClass('lg-complete');
|
||||
}
|
||||
|
||||
if (rec === true) {
|
||||
if (!_this.$slide.eq(index).hasClass('lg-complete')) {
|
||||
_this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {
|
||||
_this.preload(index);
|
||||
});
|
||||
} else {
|
||||
_this.preload(index);
|
||||
}
|
||||
}
|
||||
|
||||
//}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc slide function for lightgallery
|
||||
** Slide() gets call on start
|
||||
** ** Set lg.on true once slide() function gets called.
|
||||
** Call loadContent() on slide() function inside setTimeout
|
||||
** ** On first slide we do not want any animation like slide of fade
|
||||
** ** So on first slide( if lg.on if false that is first slide) loadContent() should start loading immediately
|
||||
** ** Else loadContent() should wait for the transition to complete.
|
||||
** ** So set timeout s.speed + 50
|
||||
<=> ** loadContent() will load slide content in to the particular slide
|
||||
** ** It has recursion (rec) parameter. if rec === true loadContent() will call preload() function.
|
||||
** ** preload will execute only when the previous slide is fully loaded (images iframe)
|
||||
** ** avoid simultaneous image load
|
||||
<=> ** Preload() will check for s.preload value and call loadContent() again accoring to preload value
|
||||
** loadContent() <====> Preload();
|
||||
|
||||
* @param {Number} index - index of the slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag
|
||||
* @param {Boolean} fromThumb - true if slide function called via thumbnail click
|
||||
* @param {String} direction - Direction of the slide(next/prev)
|
||||
*/
|
||||
Plugin.prototype.slide = function(index, fromTouch, fromThumb, direction) {
|
||||
|
||||
var _prevIndex = this.$outer.find('.lg-current').index();
|
||||
var _this = this;
|
||||
|
||||
// Prevent if multiple call
|
||||
// Required for hsh plugin
|
||||
if (_this.lGalleryOn && (_prevIndex === index)) {
|
||||
return;
|
||||
}
|
||||
|
||||
var _length = this.$slide.length;
|
||||
var _time = _this.lGalleryOn ? this.s.speed : 0;
|
||||
|
||||
if (!_this.lgBusy) {
|
||||
|
||||
if (this.s.download) {
|
||||
var _src;
|
||||
if (_this.s.dynamic) {
|
||||
_src = _this.s.dynamicEl[index].downloadUrl !== false && (_this.s.dynamicEl[index].downloadUrl || _this.s.dynamicEl[index].src);
|
||||
} else {
|
||||
_src = _this.$items.eq(index).attr('data-download-url') !== 'false' && (_this.$items.eq(index).attr('data-download-url') || _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src'));
|
||||
|
||||
}
|
||||
|
||||
if (_src) {
|
||||
$('#lg-download').attr('href', _src);
|
||||
_this.$outer.removeClass('lg-hide-download');
|
||||
} else {
|
||||
_this.$outer.addClass('lg-hide-download');
|
||||
}
|
||||
}
|
||||
|
||||
this.$el.trigger('onBeforeSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
|
||||
|
||||
_this.lgBusy = true;
|
||||
|
||||
clearTimeout(_this.hideBartimeout);
|
||||
|
||||
// Add title if this.s.appendSubHtmlTo === lg-sub-html
|
||||
if (this.s.appendSubHtmlTo === '.lg-sub-html') {
|
||||
|
||||
// wait for slide animation to complete
|
||||
setTimeout(function() {
|
||||
_this.addHtml(index);
|
||||
}, _time);
|
||||
}
|
||||
|
||||
this.arrowDisable(index);
|
||||
|
||||
if (!direction) {
|
||||
if (index < _prevIndex) {
|
||||
direction = 'prev';
|
||||
} else if (index > _prevIndex) {
|
||||
direction = 'next';
|
||||
}
|
||||
}
|
||||
|
||||
if (!fromTouch) {
|
||||
|
||||
// remove all transitions
|
||||
_this.$outer.addClass('lg-no-trans');
|
||||
|
||||
this.$slide.removeClass('lg-prev-slide lg-next-slide');
|
||||
|
||||
if (direction === 'prev') {
|
||||
|
||||
//prevslide
|
||||
this.$slide.eq(index).addClass('lg-prev-slide');
|
||||
this.$slide.eq(_prevIndex).addClass('lg-next-slide');
|
||||
} else {
|
||||
|
||||
// next slide
|
||||
this.$slide.eq(index).addClass('lg-next-slide');
|
||||
this.$slide.eq(_prevIndex).addClass('lg-prev-slide');
|
||||
}
|
||||
|
||||
// give 50 ms for browser to add/remove class
|
||||
setTimeout(function() {
|
||||
_this.$slide.removeClass('lg-current');
|
||||
|
||||
//_this.$slide.eq(_prevIndex).removeClass('lg-current');
|
||||
_this.$slide.eq(index).addClass('lg-current');
|
||||
|
||||
// reset all transitions
|
||||
_this.$outer.removeClass('lg-no-trans');
|
||||
}, 50);
|
||||
} else {
|
||||
|
||||
this.$slide.removeClass('lg-prev-slide lg-current lg-next-slide');
|
||||
var touchPrev;
|
||||
var touchNext;
|
||||
if (_length > 2) {
|
||||
touchPrev = index - 1;
|
||||
touchNext = index + 1;
|
||||
|
||||
if ((index === 0) && (_prevIndex === _length - 1)) {
|
||||
|
||||
// next slide
|
||||
touchNext = 0;
|
||||
touchPrev = _length - 1;
|
||||
} else if ((index === _length - 1) && (_prevIndex === 0)) {
|
||||
|
||||
// prev slide
|
||||
touchNext = 0;
|
||||
touchPrev = _length - 1;
|
||||
}
|
||||
|
||||
} else {
|
||||
touchPrev = 0;
|
||||
touchNext = 1;
|
||||
}
|
||||
|
||||
if (direction === 'prev') {
|
||||
_this.$slide.eq(touchNext).addClass('lg-next-slide');
|
||||
} else {
|
||||
_this.$slide.eq(touchPrev).addClass('lg-prev-slide');
|
||||
}
|
||||
|
||||
_this.$slide.eq(index).addClass('lg-current');
|
||||
}
|
||||
|
||||
if (_this.lGalleryOn) {
|
||||
setTimeout(function() {
|
||||
_this.loadContent(index, true, 0);
|
||||
}, this.s.speed + 50);
|
||||
|
||||
setTimeout(function() {
|
||||
_this.lgBusy = false;
|
||||
_this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
|
||||
}, this.s.speed);
|
||||
|
||||
} else {
|
||||
_this.loadContent(index, true, _this.s.backdropDuration);
|
||||
|
||||
_this.lgBusy = false;
|
||||
_this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);
|
||||
}
|
||||
|
||||
_this.lGalleryOn = true;
|
||||
|
||||
if (this.s.counter) {
|
||||
$('#lg-counter-current').text(index + 1);
|
||||
}
|
||||
|
||||
}
|
||||
_this.index = index;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Go to next slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event
|
||||
*/
|
||||
Plugin.prototype.goToNextSlide = function(fromTouch) {
|
||||
var _this = this;
|
||||
var _loop = _this.s.loop;
|
||||
if (fromTouch && _this.$slide.length < 3) {
|
||||
_loop = false;
|
||||
}
|
||||
|
||||
if (!_this.lgBusy) {
|
||||
if ((_this.index + 1) < _this.$slide.length) {
|
||||
_this.index++;
|
||||
_this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
|
||||
_this.slide(_this.index, fromTouch, false, 'next');
|
||||
} else {
|
||||
if (_loop) {
|
||||
_this.index = 0;
|
||||
_this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);
|
||||
_this.slide(_this.index, fromTouch, false, 'next');
|
||||
} else if (_this.s.slideEndAnimatoin && !fromTouch) {
|
||||
_this.$outer.addClass('lg-right-end');
|
||||
setTimeout(function() {
|
||||
_this.$outer.removeClass('lg-right-end');
|
||||
}, 400);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* @desc Go to previous slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event
|
||||
*/
|
||||
Plugin.prototype.goToPrevSlide = function(fromTouch) {
|
||||
var _this = this;
|
||||
var _loop = _this.s.loop;
|
||||
if (fromTouch && _this.$slide.length < 3) {
|
||||
_loop = false;
|
||||
}
|
||||
|
||||
if (!_this.lgBusy) {
|
||||
if (_this.index > 0) {
|
||||
_this.index--;
|
||||
_this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
|
||||
_this.slide(_this.index, fromTouch, false, 'prev');
|
||||
} else {
|
||||
if (_loop) {
|
||||
_this.index = _this.$items.length - 1;
|
||||
_this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);
|
||||
_this.slide(_this.index, fromTouch, false, 'prev');
|
||||
} else if (_this.s.slideEndAnimatoin && !fromTouch) {
|
||||
_this.$outer.addClass('lg-left-end');
|
||||
setTimeout(function() {
|
||||
_this.$outer.removeClass('lg-left-end');
|
||||
}, 400);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.keyPress = function() {
|
||||
var _this = this;
|
||||
if (this.$items.length > 1) {
|
||||
$(window).on('keyup.lg', function(e) {
|
||||
if (_this.$items.length > 1) {
|
||||
if (e.keyCode === 37) {
|
||||
e.preventDefault();
|
||||
_this.goToPrevSlide();
|
||||
}
|
||||
|
||||
if (e.keyCode === 39) {
|
||||
e.preventDefault();
|
||||
_this.goToNextSlide();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(window).on('keydown.lg', function(e) {
|
||||
if (_this.s.escKey === true && e.keyCode === 27) {
|
||||
e.preventDefault();
|
||||
if (!_this.$outer.hasClass('lg-thumb-open')) {
|
||||
_this.destroy();
|
||||
} else {
|
||||
_this.$outer.removeClass('lg-thumb-open');
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Plugin.prototype.arrow = function() {
|
||||
var _this = this;
|
||||
this.$outer.find('.lg-prev').on('click.lg', function() {
|
||||
_this.goToPrevSlide();
|
||||
});
|
||||
|
||||
this.$outer.find('.lg-next').on('click.lg', function() {
|
||||
_this.goToNextSlide();
|
||||
});
|
||||
};
|
||||
|
||||
Plugin.prototype.arrowDisable = function(index) {
|
||||
|
||||
// Disable arrows if s.hideControlOnEnd is true
|
||||
if (!this.s.loop && this.s.hideControlOnEnd) {
|
||||
if ((index + 1) < this.$slide.length) {
|
||||
this.$outer.find('.lg-next').removeAttr('disabled').removeClass('disabled');
|
||||
} else {
|
||||
this.$outer.find('.lg-next').attr('disabled', 'disabled').addClass('disabled');
|
||||
}
|
||||
|
||||
if (index > 0) {
|
||||
this.$outer.find('.lg-prev').removeAttr('disabled').removeClass('disabled');
|
||||
} else {
|
||||
this.$outer.find('.lg-prev').attr('disabled', 'disabled').addClass('disabled');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.setTranslate = function($el, xValue, yValue) {
|
||||
// jQuery supports Automatic CSS prefixing since jQuery 1.8.0
|
||||
if (this.s.useLeft) {
|
||||
$el.css('left', xValue);
|
||||
} else {
|
||||
$el.css({
|
||||
transform: 'translate3d(' + (xValue) + 'px, ' + yValue + 'px, 0px)'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.touchMove = function(startCoords, endCoords) {
|
||||
|
||||
var distance = endCoords - startCoords;
|
||||
|
||||
if (Math.abs(distance) > 15) {
|
||||
// reset opacity and transition duration
|
||||
this.$outer.addClass('lg-dragging');
|
||||
|
||||
// move current slide
|
||||
this.setTranslate(this.$slide.eq(this.index), distance, 0);
|
||||
|
||||
// move next and prev slide with current slide
|
||||
this.setTranslate($('.lg-prev-slide'), -this.$slide.eq(this.index).width() + distance, 0);
|
||||
this.setTranslate($('.lg-next-slide'), this.$slide.eq(this.index).width() + distance, 0);
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.touchEnd = function(distance) {
|
||||
var _this = this;
|
||||
|
||||
// keep slide animation for any mode while dragg/swipe
|
||||
if (_this.s.mode !== 'lg-slide') {
|
||||
_this.$outer.addClass('lg-slide');
|
||||
}
|
||||
|
||||
this.$slide.not('.lg-current, .lg-prev-slide, .lg-next-slide').css('opacity', '0');
|
||||
|
||||
// set transition duration
|
||||
setTimeout(function() {
|
||||
_this.$outer.removeClass('lg-dragging');
|
||||
if ((distance < 0) && (Math.abs(distance) > _this.s.swipeThreshold)) {
|
||||
_this.goToNextSlide(true);
|
||||
} else if ((distance > 0) && (Math.abs(distance) > _this.s.swipeThreshold)) {
|
||||
_this.goToPrevSlide(true);
|
||||
} else if (Math.abs(distance) < 5) {
|
||||
|
||||
// Trigger click if distance is less than 5 pix
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
}
|
||||
|
||||
_this.$slide.removeAttr('style');
|
||||
});
|
||||
|
||||
// remove slide class once drag/swipe is completed if mode is not slide
|
||||
setTimeout(function() {
|
||||
if (!_this.$outer.hasClass('lg-dragging') && _this.s.mode !== 'lg-slide') {
|
||||
_this.$outer.removeClass('lg-slide');
|
||||
}
|
||||
}, _this.s.speed + 100);
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.enableSwipe = function() {
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isMoved = false;
|
||||
|
||||
if (_this.s.enableSwipe && _this.doCss()) {
|
||||
|
||||
_this.$slide.on('touchstart.lg', function(e) {
|
||||
if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy) {
|
||||
e.preventDefault();
|
||||
_this.manageSwipeClass();
|
||||
startCoords = e.originalEvent.targetTouches[0].pageX;
|
||||
}
|
||||
});
|
||||
|
||||
_this.$slide.on('touchmove.lg', function(e) {
|
||||
if (!_this.$outer.hasClass('lg-zoomed')) {
|
||||
e.preventDefault();
|
||||
endCoords = e.originalEvent.targetTouches[0].pageX;
|
||||
_this.touchMove(startCoords, endCoords);
|
||||
isMoved = true;
|
||||
}
|
||||
});
|
||||
|
||||
_this.$slide.on('touchend.lg', function() {
|
||||
if (!_this.$outer.hasClass('lg-zoomed')) {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
_this.touchEnd(endCoords - startCoords);
|
||||
} else {
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.enableDrag = function() {
|
||||
var _this = this;
|
||||
var startCoords = 0;
|
||||
var endCoords = 0;
|
||||
var isDraging = false;
|
||||
var isMoved = false;
|
||||
if (_this.s.enableDrag && _this.doCss()) {
|
||||
_this.$slide.on('mousedown.lg', function(e) {
|
||||
if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy && !$(e.target).text().trim()) {
|
||||
e.preventDefault();
|
||||
_this.manageSwipeClass();
|
||||
startCoords = e.pageX;
|
||||
isDraging = true;
|
||||
|
||||
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
|
||||
_this.$outer.scrollLeft += 1;
|
||||
_this.$outer.scrollLeft -= 1;
|
||||
|
||||
// *
|
||||
|
||||
_this.$outer.removeClass('lg-grab').addClass('lg-grabbing');
|
||||
|
||||
_this.$el.trigger('onDragstart.lg');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mousemove.lg', function(e) {
|
||||
if (isDraging) {
|
||||
isMoved = true;
|
||||
endCoords = e.pageX;
|
||||
_this.touchMove(startCoords, endCoords);
|
||||
_this.$el.trigger('onDragmove.lg');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('mouseup.lg', function(e) {
|
||||
if (isMoved) {
|
||||
isMoved = false;
|
||||
_this.touchEnd(endCoords - startCoords);
|
||||
_this.$el.trigger('onDragend.lg');
|
||||
} else if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) {
|
||||
_this.$el.trigger('onSlideClick.lg');
|
||||
}
|
||||
|
||||
// Prevent execution on click
|
||||
if (isDraging) {
|
||||
isDraging = false;
|
||||
_this.$outer.removeClass('lg-grabbing').addClass('lg-grab');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
Plugin.prototype.manageSwipeClass = function() {
|
||||
var _touchNext = this.index + 1;
|
||||
var _touchPrev = this.index - 1;
|
||||
if (this.s.loop && this.$slide.length > 2) {
|
||||
if (this.index === 0) {
|
||||
_touchPrev = this.$slide.length - 1;
|
||||
} else if (this.index === this.$slide.length - 1) {
|
||||
_touchNext = 0;
|
||||
}
|
||||
}
|
||||
|
||||
this.$slide.removeClass('lg-next-slide lg-prev-slide');
|
||||
if (_touchPrev > -1) {
|
||||
this.$slide.eq(_touchPrev).addClass('lg-prev-slide');
|
||||
}
|
||||
|
||||
this.$slide.eq(_touchNext).addClass('lg-next-slide');
|
||||
};
|
||||
|
||||
Plugin.prototype.mousewheel = function() {
|
||||
var _this = this;
|
||||
_this.$outer.on('mousewheel.lg', function(e) {
|
||||
|
||||
if (!e.deltaY) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (e.deltaY > 0) {
|
||||
_this.goToPrevSlide();
|
||||
} else {
|
||||
_this.goToNextSlide();
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.closeGallery = function() {
|
||||
|
||||
var _this = this;
|
||||
var mousedown = false;
|
||||
this.$outer.find('.lg-close').on('click.lg', function() {
|
||||
_this.destroy();
|
||||
});
|
||||
|
||||
if (_this.s.closable) {
|
||||
|
||||
// If you drag the slide and release outside gallery gets close on chrome
|
||||
// for preventing this check mousedown and mouseup happened on .lg-item or lg-outer
|
||||
_this.$outer.on('mousedown.lg', function(e) {
|
||||
|
||||
if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap')) {
|
||||
mousedown = true;
|
||||
} else {
|
||||
mousedown = false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
_this.$outer.on('mousemove.lg', function() {
|
||||
mousedown = false;
|
||||
});
|
||||
|
||||
_this.$outer.on('mouseup.lg', function(e) {
|
||||
|
||||
if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap') && mousedown) {
|
||||
if (!_this.$outer.hasClass('lg-dragging')) {
|
||||
_this.destroy();
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
Plugin.prototype.destroy = function(d) {
|
||||
|
||||
var _this = this;
|
||||
|
||||
if (!d) {
|
||||
_this.$el.trigger('onBeforeClose.lg');
|
||||
$(window).scrollTop(_this.prevScrollTop);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* if d is false or undefined destroy will only close the gallery
|
||||
* plugins instance remains with the element
|
||||
*
|
||||
* if d is true destroy will completely remove the plugin
|
||||
*/
|
||||
|
||||
if (d) {
|
||||
if (!_this.s.dynamic) {
|
||||
// only when not using dynamic mode is $items a jquery collection
|
||||
this.$items.off('click.lg click.lgcustom');
|
||||
}
|
||||
|
||||
$.removeData(_this.el, 'lightGallery');
|
||||
}
|
||||
|
||||
// Unbind all events added by lightGallery
|
||||
this.$el.off('.lg.tm');
|
||||
|
||||
// Distroy all lightGallery modules
|
||||
$.each($.fn.lightGallery.modules, function(key) {
|
||||
if (_this.modules[key]) {
|
||||
_this.modules[key].destroy();
|
||||
}
|
||||
});
|
||||
|
||||
this.lGalleryOn = false;
|
||||
|
||||
clearTimeout(_this.hideBartimeout);
|
||||
this.hideBartimeout = false;
|
||||
$(window).off('.lg');
|
||||
$('body').removeClass('lg-on lg-from-hash');
|
||||
|
||||
if (_this.$outer) {
|
||||
_this.$outer.removeClass('lg-visible');
|
||||
}
|
||||
|
||||
$('.lg-backdrop').removeClass('in');
|
||||
|
||||
setTimeout(function() {
|
||||
if (_this.$outer) {
|
||||
_this.$outer.remove();
|
||||
}
|
||||
|
||||
$('.lg-backdrop').remove();
|
||||
|
||||
if (!d) {
|
||||
_this.$el.trigger('onCloseAfter.lg');
|
||||
}
|
||||
|
||||
}, _this.s.backdropDuration + 50);
|
||||
};
|
||||
|
||||
$.fn.lightGallery = function(options) {
|
||||
return this.each(function() {
|
||||
if (!$.data(this, 'lightGallery')) {
|
||||
$.data(this, 'lightGallery', new Plugin(this, options));
|
||||
} else {
|
||||
try {
|
||||
$(this).data('lightGallery').init();
|
||||
} catch (err) {
|
||||
console.error('lightGallery has not initiated properly');
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.lightGallery.modules = {};
|
||||
|
||||
})();
|
||||
|
||||
|
||||
}));
|
4
public/style/vendor/lightgallery/js/lightgallery.min.js
vendored
Normal file
4
public/style/vendor/lightgallery/js/lightgallery.min.js
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
/*! lightgallery - v1.6.12 - 2019-02-19
|
||||
* http://sachinchoolur.github.io/lightGallery/
|
||||
* Copyright (c) 2019 Sachin N; Licensed GPLv3 */
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(require("jquery")):b(a.jQuery)}(this,function(a){!function(){"use strict";function b(b,d){if(this.el=b,this.$el=a(b),this.s=a.extend({},c,d),this.s.dynamic&&"undefined"!==this.s.dynamicEl&&this.s.dynamicEl.constructor===Array&&!this.s.dynamicEl.length)throw"When using dynamic mode, you must also define dynamicEl as an Array.";return this.modules={},this.lGalleryOn=!1,this.lgBusy=!1,this.hideBartimeout=!1,this.isTouch="ontouchstart"in document.documentElement,this.s.slideEndAnimatoin&&(this.s.hideControlOnEnd=!1),this.s.dynamic?this.$items=this.s.dynamicEl:"this"===this.s.selector?this.$items=this.$el:""!==this.s.selector?this.s.selectWithin?this.$items=a(this.s.selectWithin).find(this.s.selector):this.$items=this.$el.find(a(this.s.selector)):this.$items=this.$el.children(),this.$slide="",this.$outer="",this.init(),this}var c={mode:"lg-slide",cssEasing:"ease",easing:"linear",speed:600,height:"100%",width:"100%",addClass:"",startClass:"lg-start-zoom",backdropDuration:150,hideBarsDelay:6e3,useLeft:!1,closable:!0,loop:!0,escKey:!0,keyPress:!0,controls:!0,slideEndAnimatoin:!0,hideControlOnEnd:!1,mousewheel:!0,getCaptionFromTitleOrAlt:!0,appendSubHtmlTo:".lg-sub-html",subHtmlSelectorRelative:!1,preload:1,showAfterLoad:!0,selector:"",selectWithin:"",nextHtml:"",prevHtml:"",index:!1,iframeMaxWidth:"100%",download:!0,counter:!0,appendCounterTo:".lg-toolbar",swipeThreshold:50,enableSwipe:!0,enableDrag:!0,dynamic:!1,dynamicEl:[],galleryId:1};b.prototype.init=function(){var b=this;b.s.preload>b.$items.length&&(b.s.preload=b.$items.length);var c=window.location.hash;c.indexOf("lg="+this.s.galleryId)>0&&(b.index=parseInt(c.split("&slide=")[1],10),a("body").addClass("lg-from-hash"),a("body").hasClass("lg-on")||(setTimeout(function(){b.build(b.index)}),a("body").addClass("lg-on"))),b.s.dynamic?(b.$el.trigger("onBeforeOpen.lg"),b.index=b.s.index||0,a("body").hasClass("lg-on")||setTimeout(function(){b.build(b.index),a("body").addClass("lg-on")})):b.$items.on("click.lgcustom",function(c){try{c.preventDefault(),c.preventDefault()}catch(a){c.returnValue=!1}b.$el.trigger("onBeforeOpen.lg"),b.index=b.s.index||b.$items.index(this),a("body").hasClass("lg-on")||(b.build(b.index),a("body").addClass("lg-on"))})},b.prototype.build=function(b){var c=this;c.structure(),a.each(a.fn.lightGallery.modules,function(b){c.modules[b]=new a.fn.lightGallery.modules[b](c.el)}),c.slide(b,!1,!1,!1),c.s.keyPress&&c.keyPress(),c.$items.length>1?(c.arrow(),setTimeout(function(){c.enableDrag(),c.enableSwipe()},50),c.s.mousewheel&&c.mousewheel()):c.$slide.on("click.lg",function(){c.$el.trigger("onSlideClick.lg")}),c.counter(),c.closeGallery(),c.$el.trigger("onAfterOpen.lg"),c.$outer.on("mousemove.lg click.lg touchstart.lg",function(){c.$outer.removeClass("lg-hide-items"),clearTimeout(c.hideBartimeout),c.hideBartimeout=setTimeout(function(){c.$outer.addClass("lg-hide-items")},c.s.hideBarsDelay)}),c.$outer.trigger("mousemove.lg")},b.prototype.structure=function(){var b,c="",d="",e=0,f="",g=this;for(a("body").append('<div class="lg-backdrop"></div>'),a(".lg-backdrop").css("transition-duration",this.s.backdropDuration+"ms"),e=0;e<this.$items.length;e++)c+='<div class="lg-item"></div>';if(this.s.controls&&this.$items.length>1&&(d='<div class="lg-actions"><button class="lg-prev lg-icon">'+this.s.prevHtml+'</button><button class="lg-next lg-icon">'+this.s.nextHtml+"</button></div>"),".lg-sub-html"===this.s.appendSubHtmlTo&&(f='<div class="lg-sub-html"></div>'),b='<div class="lg-outer '+this.s.addClass+" "+this.s.startClass+'"><div class="lg" style="width:'+this.s.width+"; height:"+this.s.height+'"><div class="lg-inner">'+c+'</div><div class="lg-toolbar lg-group"><span class="lg-close lg-icon"></span></div>'+d+f+"</div></div>",a("body").append(b),this.$outer=a(".lg-outer"),this.$slide=this.$outer.find(".lg-item"),this.s.useLeft?(this.$outer.addClass("lg-use-left"),this.s.mode="lg-slide"):this.$outer.addClass("lg-use-css3"),g.setTop(),a(window).on("resize.lg orientationchange.lg",function(){setTimeout(function(){g.setTop()},100)}),this.$slide.eq(this.index).addClass("lg-current"),this.doCss()?this.$outer.addClass("lg-css3"):(this.$outer.addClass("lg-css"),this.s.speed=0),this.$outer.addClass(this.s.mode),this.s.enableDrag&&this.$items.length>1&&this.$outer.addClass("lg-grab"),this.s.showAfterLoad&&this.$outer.addClass("lg-show-after-load"),this.doCss()){var h=this.$outer.find(".lg-inner");h.css("transition-timing-function",this.s.cssEasing),h.css("transition-duration",this.s.speed+"ms")}setTimeout(function(){a(".lg-backdrop").addClass("in")}),setTimeout(function(){g.$outer.addClass("lg-visible")},this.s.backdropDuration),this.s.download&&this.$outer.find(".lg-toolbar").append('<a id="lg-download" target="_blank" download class="lg-download lg-icon"></a>'),this.prevScrollTop=a(window).scrollTop()},b.prototype.setTop=function(){if("100%"!==this.s.height){var b=a(window).height(),c=(b-parseInt(this.s.height,10))/2,d=this.$outer.find(".lg");b>=parseInt(this.s.height,10)?d.css("top",c+"px"):d.css("top","0px")}},b.prototype.doCss=function(){return!!function(){var a=["transition","MozTransition","WebkitTransition","OTransition","msTransition","KhtmlTransition"],b=document.documentElement,c=0;for(c=0;c<a.length;c++)if(a[c]in b.style)return!0}()},b.prototype.isVideo=function(a,b){var c;if(c=this.s.dynamic?this.s.dynamicEl[b].html:this.$items.eq(b).attr("data-html"),!a)return c?{html5:!0}:(console.error("lightGallery :- data-src is not pvovided on slide item "+(b+1)+". Please make sure the selector property is properly configured. More info - http://sachinchoolur.github.io/lightGallery/demos/html-markup.html"),!1);var d=a.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i),e=a.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i),f=a.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i),g=a.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);return d?{youtube:d}:e?{vimeo:e}:f?{dailymotion:f}:g?{vk:g}:void 0},b.prototype.counter=function(){this.s.counter&&a(this.s.appendCounterTo).append('<div id="lg-counter"><span id="lg-counter-current">'+(parseInt(this.index,10)+1)+'</span> / <span id="lg-counter-all">'+this.$items.length+"</span></div>")},b.prototype.addHtml=function(b){var c,d,e=null;if(this.s.dynamic?this.s.dynamicEl[b].subHtmlUrl?c=this.s.dynamicEl[b].subHtmlUrl:e=this.s.dynamicEl[b].subHtml:(d=this.$items.eq(b),d.attr("data-sub-html-url")?c=d.attr("data-sub-html-url"):(e=d.attr("data-sub-html"),this.s.getCaptionFromTitleOrAlt&&!e&&(e=d.attr("title")||d.find("img").first().attr("alt")))),!c)if(void 0!==e&&null!==e){var f=e.substring(0,1);"."!==f&&"#"!==f||(e=this.s.subHtmlSelectorRelative&&!this.s.dynamic?d.find(e).html():a(e).html())}else e="";".lg-sub-html"===this.s.appendSubHtmlTo?c?this.$outer.find(this.s.appendSubHtmlTo).load(c):this.$outer.find(this.s.appendSubHtmlTo).html(e):c?this.$slide.eq(b).load(c):this.$slide.eq(b).append(e),void 0!==e&&null!==e&&(""===e?this.$outer.find(this.s.appendSubHtmlTo).addClass("lg-empty-html"):this.$outer.find(this.s.appendSubHtmlTo).removeClass("lg-empty-html")),this.$el.trigger("onAfterAppendSubHtml.lg",[b])},b.prototype.preload=function(a){var b=1,c=1;for(b=1;b<=this.s.preload&&!(b>=this.$items.length-a);b++)this.loadContent(a+b,!1,0);for(c=1;c<=this.s.preload&&!(a-c<0);c++)this.loadContent(a-c,!1,0)},b.prototype.loadContent=function(b,c,d){var e,f,g,h,i,j,k=this,l=!1,m=function(b){for(var c=[],d=[],e=0;e<b.length;e++){var g=b[e].split(" ");""===g[0]&&g.splice(0,1),d.push(g[0]),c.push(g[1])}for(var h=a(window).width(),i=0;i<c.length;i++)if(parseInt(c[i],10)>h){f=d[i];break}};if(k.s.dynamic){if(k.s.dynamicEl[b].poster&&(l=!0,g=k.s.dynamicEl[b].poster),j=k.s.dynamicEl[b].html,f=k.s.dynamicEl[b].src,k.s.dynamicEl[b].responsive){m(k.s.dynamicEl[b].responsive.split(","))}h=k.s.dynamicEl[b].srcset,i=k.s.dynamicEl[b].sizes}else{if(k.$items.eq(b).attr("data-poster")&&(l=!0,g=k.$items.eq(b).attr("data-poster")),j=k.$items.eq(b).attr("data-html"),f=k.$items.eq(b).attr("href")||k.$items.eq(b).attr("data-src"),k.$items.eq(b).attr("data-responsive")){m(k.$items.eq(b).attr("data-responsive").split(","))}h=k.$items.eq(b).attr("data-srcset"),i=k.$items.eq(b).attr("data-sizes")}var n=!1;k.s.dynamic?k.s.dynamicEl[b].iframe&&(n=!0):"true"===k.$items.eq(b).attr("data-iframe")&&(n=!0);var o=k.isVideo(f,b);if(!k.$slide.eq(b).hasClass("lg-loaded")){if(n)k.$slide.eq(b).prepend('<div class="lg-video-cont lg-has-iframe" style="max-width:'+k.s.iframeMaxWidth+'"><div class="lg-video"><iframe class="lg-object" frameborder="0" src="'+f+'" allowfullscreen="true"></iframe></div></div>');else if(l){var p="";p=o&&o.youtube?"lg-has-youtube":o&&o.vimeo?"lg-has-vimeo":"lg-has-html5",k.$slide.eq(b).prepend('<div class="lg-video-cont '+p+' "><div class="lg-video"><span class="lg-video-play"></span><img class="lg-object lg-has-poster" src="'+g+'" /></div></div>')}else o?(k.$slide.eq(b).prepend('<div class="lg-video-cont "><div class="lg-video"></div></div>'),k.$el.trigger("hasVideo.lg",[b,f,j])):k.$slide.eq(b).prepend('<div class="lg-img-wrap"><img class="lg-object lg-image" src="'+f+'" /></div>');if(k.$el.trigger("onAferAppendSlide.lg",[b]),e=k.$slide.eq(b).find(".lg-object"),i&&e.attr("sizes",i),h){e.attr("srcset",h);try{picturefill({elements:[e[0]]})}catch(a){console.warn("lightGallery :- If you want srcset to be supported for older browser please include picturefil version 2 javascript library in your document.")}}".lg-sub-html"!==this.s.appendSubHtmlTo&&k.addHtml(b),k.$slide.eq(b).addClass("lg-loaded")}k.$slide.eq(b).find(".lg-object").on("load.lg error.lg",function(){var c=0;d&&!a("body").hasClass("lg-from-hash")&&(c=d),setTimeout(function(){k.$slide.eq(b).addClass("lg-complete"),k.$el.trigger("onSlideItemLoad.lg",[b,d||0])},c)}),o&&o.html5&&!l&&k.$slide.eq(b).addClass("lg-complete"),!0===c&&(k.$slide.eq(b).hasClass("lg-complete")?k.preload(b):k.$slide.eq(b).find(".lg-object").on("load.lg error.lg",function(){k.preload(b)}))},b.prototype.slide=function(b,c,d,e){var f=this.$outer.find(".lg-current").index(),g=this;if(!g.lGalleryOn||f!==b){var h=this.$slide.length,i=g.lGalleryOn?this.s.speed:0;if(!g.lgBusy){if(this.s.download){var j;j=g.s.dynamic?!1!==g.s.dynamicEl[b].downloadUrl&&(g.s.dynamicEl[b].downloadUrl||g.s.dynamicEl[b].src):"false"!==g.$items.eq(b).attr("data-download-url")&&(g.$items.eq(b).attr("data-download-url")||g.$items.eq(b).attr("href")||g.$items.eq(b).attr("data-src")),j?(a("#lg-download").attr("href",j),g.$outer.removeClass("lg-hide-download")):g.$outer.addClass("lg-hide-download")}if(this.$el.trigger("onBeforeSlide.lg",[f,b,c,d]),g.lgBusy=!0,clearTimeout(g.hideBartimeout),".lg-sub-html"===this.s.appendSubHtmlTo&&setTimeout(function(){g.addHtml(b)},i),this.arrowDisable(b),e||(b<f?e="prev":b>f&&(e="next")),c){this.$slide.removeClass("lg-prev-slide lg-current lg-next-slide");var k,l;h>2?(k=b-1,l=b+1,0===b&&f===h-1?(l=0,k=h-1):b===h-1&&0===f&&(l=0,k=h-1)):(k=0,l=1),"prev"===e?g.$slide.eq(l).addClass("lg-next-slide"):g.$slide.eq(k).addClass("lg-prev-slide"),g.$slide.eq(b).addClass("lg-current")}else g.$outer.addClass("lg-no-trans"),this.$slide.removeClass("lg-prev-slide lg-next-slide"),"prev"===e?(this.$slide.eq(b).addClass("lg-prev-slide"),this.$slide.eq(f).addClass("lg-next-slide")):(this.$slide.eq(b).addClass("lg-next-slide"),this.$slide.eq(f).addClass("lg-prev-slide")),setTimeout(function(){g.$slide.removeClass("lg-current"),g.$slide.eq(b).addClass("lg-current"),g.$outer.removeClass("lg-no-trans")},50);g.lGalleryOn?(setTimeout(function(){g.loadContent(b,!0,0)},this.s.speed+50),setTimeout(function(){g.lgBusy=!1,g.$el.trigger("onAfterSlide.lg",[f,b,c,d])},this.s.speed)):(g.loadContent(b,!0,g.s.backdropDuration),g.lgBusy=!1,g.$el.trigger("onAfterSlide.lg",[f,b,c,d])),g.lGalleryOn=!0,this.s.counter&&a("#lg-counter-current").text(b+1)}g.index=b}},b.prototype.goToNextSlide=function(a){var b=this,c=b.s.loop;a&&b.$slide.length<3&&(c=!1),b.lgBusy||(b.index+1<b.$slide.length?(b.index++,b.$el.trigger("onBeforeNextSlide.lg",[b.index]),b.slide(b.index,a,!1,"next")):c?(b.index=0,b.$el.trigger("onBeforeNextSlide.lg",[b.index]),b.slide(b.index,a,!1,"next")):b.s.slideEndAnimatoin&&!a&&(b.$outer.addClass("lg-right-end"),setTimeout(function(){b.$outer.removeClass("lg-right-end")},400)))},b.prototype.goToPrevSlide=function(a){var b=this,c=b.s.loop;a&&b.$slide.length<3&&(c=!1),b.lgBusy||(b.index>0?(b.index--,b.$el.trigger("onBeforePrevSlide.lg",[b.index,a]),b.slide(b.index,a,!1,"prev")):c?(b.index=b.$items.length-1,b.$el.trigger("onBeforePrevSlide.lg",[b.index,a]),b.slide(b.index,a,!1,"prev")):b.s.slideEndAnimatoin&&!a&&(b.$outer.addClass("lg-left-end"),setTimeout(function(){b.$outer.removeClass("lg-left-end")},400)))},b.prototype.keyPress=function(){var b=this;this.$items.length>1&&a(window).on("keyup.lg",function(a){b.$items.length>1&&(37===a.keyCode&&(a.preventDefault(),b.goToPrevSlide()),39===a.keyCode&&(a.preventDefault(),b.goToNextSlide()))}),a(window).on("keydown.lg",function(a){!0===b.s.escKey&&27===a.keyCode&&(a.preventDefault(),b.$outer.hasClass("lg-thumb-open")?b.$outer.removeClass("lg-thumb-open"):b.destroy())})},b.prototype.arrow=function(){var a=this;this.$outer.find(".lg-prev").on("click.lg",function(){a.goToPrevSlide()}),this.$outer.find(".lg-next").on("click.lg",function(){a.goToNextSlide()})},b.prototype.arrowDisable=function(a){!this.s.loop&&this.s.hideControlOnEnd&&(a+1<this.$slide.length?this.$outer.find(".lg-next").removeAttr("disabled").removeClass("disabled"):this.$outer.find(".lg-next").attr("disabled","disabled").addClass("disabled"),a>0?this.$outer.find(".lg-prev").removeAttr("disabled").removeClass("disabled"):this.$outer.find(".lg-prev").attr("disabled","disabled").addClass("disabled"))},b.prototype.setTranslate=function(a,b,c){this.s.useLeft?a.css("left",b):a.css({transform:"translate3d("+b+"px, "+c+"px, 0px)"})},b.prototype.touchMove=function(b,c){var d=c-b;Math.abs(d)>15&&(this.$outer.addClass("lg-dragging"),this.setTranslate(this.$slide.eq(this.index),d,0),this.setTranslate(a(".lg-prev-slide"),-this.$slide.eq(this.index).width()+d,0),this.setTranslate(a(".lg-next-slide"),this.$slide.eq(this.index).width()+d,0))},b.prototype.touchEnd=function(a){var b=this;"lg-slide"!==b.s.mode&&b.$outer.addClass("lg-slide"),this.$slide.not(".lg-current, .lg-prev-slide, .lg-next-slide").css("opacity","0"),setTimeout(function(){b.$outer.removeClass("lg-dragging"),a<0&&Math.abs(a)>b.s.swipeThreshold?b.goToNextSlide(!0):a>0&&Math.abs(a)>b.s.swipeThreshold?b.goToPrevSlide(!0):Math.abs(a)<5&&b.$el.trigger("onSlideClick.lg"),b.$slide.removeAttr("style")}),setTimeout(function(){b.$outer.hasClass("lg-dragging")||"lg-slide"===b.s.mode||b.$outer.removeClass("lg-slide")},b.s.speed+100)},b.prototype.enableSwipe=function(){var a=this,b=0,c=0,d=!1;a.s.enableSwipe&&a.doCss()&&(a.$slide.on("touchstart.lg",function(c){a.$outer.hasClass("lg-zoomed")||a.lgBusy||(c.preventDefault(),a.manageSwipeClass(),b=c.originalEvent.targetTouches[0].pageX)}),a.$slide.on("touchmove.lg",function(e){a.$outer.hasClass("lg-zoomed")||(e.preventDefault(),c=e.originalEvent.targetTouches[0].pageX,a.touchMove(b,c),d=!0)}),a.$slide.on("touchend.lg",function(){a.$outer.hasClass("lg-zoomed")||(d?(d=!1,a.touchEnd(c-b)):a.$el.trigger("onSlideClick.lg"))}))},b.prototype.enableDrag=function(){var b=this,c=0,d=0,e=!1,f=!1;b.s.enableDrag&&b.doCss()&&(b.$slide.on("mousedown.lg",function(d){b.$outer.hasClass("lg-zoomed")||b.lgBusy||a(d.target).text().trim()||(d.preventDefault(),b.manageSwipeClass(),c=d.pageX,e=!0,b.$outer.scrollLeft+=1,b.$outer.scrollLeft-=1,b.$outer.removeClass("lg-grab").addClass("lg-grabbing"),b.$el.trigger("onDragstart.lg"))}),a(window).on("mousemove.lg",function(a){e&&(f=!0,d=a.pageX,b.touchMove(c,d),b.$el.trigger("onDragmove.lg"))}),a(window).on("mouseup.lg",function(g){f?(f=!1,b.touchEnd(d-c),b.$el.trigger("onDragend.lg")):(a(g.target).hasClass("lg-object")||a(g.target).hasClass("lg-video-play"))&&b.$el.trigger("onSlideClick.lg"),e&&(e=!1,b.$outer.removeClass("lg-grabbing").addClass("lg-grab"))}))},b.prototype.manageSwipeClass=function(){var a=this.index+1,b=this.index-1;this.s.loop&&this.$slide.length>2&&(0===this.index?b=this.$slide.length-1:this.index===this.$slide.length-1&&(a=0)),this.$slide.removeClass("lg-next-slide lg-prev-slide"),b>-1&&this.$slide.eq(b).addClass("lg-prev-slide"),this.$slide.eq(a).addClass("lg-next-slide")},b.prototype.mousewheel=function(){var a=this;a.$outer.on("mousewheel.lg",function(b){b.deltaY&&(b.deltaY>0?a.goToPrevSlide():a.goToNextSlide(),b.preventDefault())})},b.prototype.closeGallery=function(){var b=this,c=!1;this.$outer.find(".lg-close").on("click.lg",function(){b.destroy()}),b.s.closable&&(b.$outer.on("mousedown.lg",function(b){c=!!(a(b.target).is(".lg-outer")||a(b.target).is(".lg-item ")||a(b.target).is(".lg-img-wrap"))}),b.$outer.on("mousemove.lg",function(){c=!1}),b.$outer.on("mouseup.lg",function(d){(a(d.target).is(".lg-outer")||a(d.target).is(".lg-item ")||a(d.target).is(".lg-img-wrap")&&c)&&(b.$outer.hasClass("lg-dragging")||b.destroy())}))},b.prototype.destroy=function(b){var c=this;b||(c.$el.trigger("onBeforeClose.lg"),a(window).scrollTop(c.prevScrollTop)),b&&(c.s.dynamic||this.$items.off("click.lg click.lgcustom"),a.removeData(c.el,"lightGallery")),this.$el.off(".lg.tm"),a.each(a.fn.lightGallery.modules,function(a){c.modules[a]&&c.modules[a].destroy()}),this.lGalleryOn=!1,clearTimeout(c.hideBartimeout),this.hideBartimeout=!1,a(window).off(".lg"),a("body").removeClass("lg-on lg-from-hash"),c.$outer&&c.$outer.removeClass("lg-visible"),a(".lg-backdrop").removeClass("in"),setTimeout(function(){c.$outer&&c.$outer.remove(),a(".lg-backdrop").remove(),b||c.$el.trigger("onCloseAfter.lg")},c.s.backdropDuration+50)},a.fn.lightGallery=function(c){return this.each(function(){if(a.data(this,"lightGallery"))try{a(this).data("lightGallery").init()}catch(a){console.error("lightGallery has not initiated properly")}else a.data(this,"lightGallery",new b(this,c))})},a.fn.lightGallery.modules={}}()});
|
Reference in New Issue
Block a user