Version Description
- Lets try this again. The SVN commit process keeps corrupting the key 'lightGallery' JavaScript (minified) files. So I've re-minified the source code for 'lightGallery' and hopefully this will work.
Download this release
Release Info
Developer | simonpedge |
Plugin | Slide Anything – Responsive Content / HTML Slider and Carousel |
Version | 2.4.5 |
Comparing to | |
See all releases |
Code changes from version 2.4.2 to 2.4.5
- js/slide-anything-admin.js +1 -1
- lightgallery/css/lg-fullscreen.css +7 -0
- lightgallery/css/lg-transitions.css +959 -0
- lightgallery/css/lg-video.css +144 -0
- lightgallery/css/lg-zoom.css +84 -0
- lightgallery/css/lightgallery-bundle.min.css +1 -0
- lightgallery/css/lightgallery-core.css +382 -0
- lightgallery/css/lightgallery.css +728 -0
- lightgallery/fonts/lg.svg +54 -0
- lightgallery/fonts/lg.ttf +0 -0
- lightgallery/fonts/lg.woff +0 -0
- lightgallery/fonts/lg.woff2 +0 -0
- lightgallery/images/loading.gif +0 -0
- lightgallery/lightgallery.min.js +21 -0
- lightgallery/lightgallery.umd.js +2733 -0
- lightgallery/player.min.js +14 -0
- lightgallery/plugins/autoplay/lg-autoplay.min.js +8 -0
- lightgallery/plugins/fullscreen/lg-fullscreen.min.js +8 -0
- lightgallery/plugins/video/lg-video.min.js +8 -0
- lightgallery/plugins/zoom/lg-zoom.min.js +8 -0
- magnific-popup/jquery.magnific-popup.min.js +0 -4
- magnific-popup/magnific-popup.css +0 -346
- owl-carousel/owl.carousel.css +4 -4
- owl-carousel/sa-owl-theme.css +49 -7
- php/slide-anything-admin.php +1 -1
- php/slide-anything-frontend.php +91 -81
- readme.txt +20 -2
- slide-anything.php +1 -1
js/slide-anything-admin.js
CHANGED
@@ -1095,7 +1095,7 @@ function update_popup_video(slide_no) {
|
|
1095 |
if (video_type == 'youtube') {
|
1096 |
// ##### SET SLIDE BACKGROUND IMAGE TO YOUTUBE THUMB IMAGE - 14 MAY 2020 - START #####
|
1097 |
// Get the YouTube video thumbnail image
|
1098 |
-
var youtube_thumb = "https://img.youtube.com/vi/" + valid_video_id + "/
|
1099 |
// Set the "Use Popup Image as Slide Background" dropdown to "No"
|
1100 |
var popup_bg_dropdown = "#sa_slide" + slide_no + "_popup_background";
|
1101 |
jQuery(popup_bg_dropdown).val('no');
|
1095 |
if (video_type == 'youtube') {
|
1096 |
// ##### SET SLIDE BACKGROUND IMAGE TO YOUTUBE THUMB IMAGE - 14 MAY 2020 - START #####
|
1097 |
// Get the YouTube video thumbnail image
|
1098 |
+
var youtube_thumb = "https://img.youtube.com/vi/" + valid_video_id + "/maxresdefault.jpg";
|
1099 |
// Set the "Use Popup Image as Slide Background" dropdown to "No"
|
1100 |
var popup_bg_dropdown = "#sa_slide" + slide_no + "_popup_background";
|
1101 |
jQuery(popup_bg_dropdown).val('no');
|
lightgallery/css/lg-fullscreen.css
ADDED
@@ -0,0 +1,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.lg-fullscreen:after {
|
2 |
+
content: "\e20c";
|
3 |
+
}
|
4 |
+
|
5 |
+
.lg-fullscreen-on .lg-fullscreen:after {
|
6 |
+
content: "\e20d";
|
7 |
+
}
|
lightgallery/css/lg-transitions.css
ADDED
@@ -0,0 +1,959 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.lg-css3.lg-zoom-in .lg-item {
|
2 |
+
opacity: 0;
|
3 |
+
}
|
4 |
+
|
5 |
+
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
|
6 |
+
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
7 |
+
transform: scale3d(1.3, 1.3, 1.3);
|
8 |
+
}
|
9 |
+
|
10 |
+
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
|
11 |
+
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
12 |
+
transform: scale3d(1.3, 1.3, 1.3);
|
13 |
+
}
|
14 |
+
|
15 |
+
.lg-css3.lg-zoom-in .lg-item.lg-current {
|
16 |
+
-webkit-transform: scale3d(1, 1, 1);
|
17 |
+
transform: scale3d(1, 1, 1);
|
18 |
+
opacity: 1;
|
19 |
+
}
|
20 |
+
|
21 |
+
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
|
22 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
23 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
24 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
25 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
26 |
+
}
|
27 |
+
|
28 |
+
.lg-css3.lg-lollipop-rev .lg-item {
|
29 |
+
opacity: 0;
|
30 |
+
}
|
31 |
+
|
32 |
+
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
|
33 |
+
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
34 |
+
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
35 |
+
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
36 |
+
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
37 |
+
transform: translate3d(0, 0, 0) scale(0.5);
|
38 |
+
}
|
39 |
+
|
40 |
+
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
|
41 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
42 |
+
transform: translate3d(100%, 0, 0);
|
43 |
+
}
|
44 |
+
|
45 |
+
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
46 |
+
-webkit-transform: translate3d(0, 0, 0);
|
47 |
+
transform: translate3d(0, 0, 0);
|
48 |
+
opacity: 1;
|
49 |
+
}
|
50 |
+
|
51 |
+
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
52 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
53 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
54 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
55 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
56 |
+
}
|
57 |
+
|
58 |
+
.lg-css3.lg-slide-skew-ver-cross .lg-item {
|
59 |
+
opacity: 0;
|
60 |
+
}
|
61 |
+
|
62 |
+
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
|
63 |
+
-moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
64 |
+
-o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
65 |
+
-ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
66 |
+
-webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
67 |
+
transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
68 |
+
}
|
69 |
+
|
70 |
+
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
|
71 |
+
-moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
72 |
+
-o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
73 |
+
-ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
74 |
+
-webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
75 |
+
transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
76 |
+
}
|
77 |
+
|
78 |
+
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
79 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
80 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
81 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
82 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
83 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
84 |
+
opacity: 1;
|
85 |
+
}
|
86 |
+
|
87 |
+
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
88 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
89 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
90 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
91 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
92 |
+
}
|
93 |
+
|
94 |
+
.lg-css3.lg-lollipop .lg-item {
|
95 |
+
opacity: 0;
|
96 |
+
}
|
97 |
+
|
98 |
+
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
|
99 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
100 |
+
transform: translate3d(-100%, 0, 0);
|
101 |
+
}
|
102 |
+
|
103 |
+
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
|
104 |
+
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
105 |
+
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
106 |
+
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
107 |
+
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
108 |
+
transform: translate3d(0, 0, 0) scale(0.5);
|
109 |
+
}
|
110 |
+
|
111 |
+
.lg-css3.lg-lollipop .lg-item.lg-current {
|
112 |
+
-webkit-transform: translate3d(0, 0, 0);
|
113 |
+
transform: translate3d(0, 0, 0);
|
114 |
+
opacity: 1;
|
115 |
+
}
|
116 |
+
|
117 |
+
.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
|
118 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
119 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
120 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
121 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
122 |
+
}
|
123 |
+
|
124 |
+
.lg-css3.lg-slide-skew-ver-rev .lg-item {
|
125 |
+
opacity: 0;
|
126 |
+
}
|
127 |
+
|
128 |
+
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
|
129 |
+
-moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
130 |
+
-o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
131 |
+
-ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
132 |
+
-webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
133 |
+
transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
134 |
+
}
|
135 |
+
|
136 |
+
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
|
137 |
+
-moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
138 |
+
-o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
139 |
+
-ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
140 |
+
-webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
141 |
+
transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
142 |
+
}
|
143 |
+
|
144 |
+
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
145 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
146 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
147 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
148 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
149 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
150 |
+
opacity: 1;
|
151 |
+
}
|
152 |
+
|
153 |
+
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
154 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
155 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
156 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
157 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
158 |
+
}
|
159 |
+
|
160 |
+
.lg-css3.lg-rotate-rev .lg-item {
|
161 |
+
opacity: 0;
|
162 |
+
}
|
163 |
+
|
164 |
+
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
|
165 |
+
-moz-transform: rotate(360deg);
|
166 |
+
-o-transform: rotate(360deg);
|
167 |
+
-ms-transform: rotate(360deg);
|
168 |
+
-webkit-transform: rotate(360deg);
|
169 |
+
transform: rotate(360deg);
|
170 |
+
}
|
171 |
+
|
172 |
+
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
|
173 |
+
-moz-transform: rotate(-360deg);
|
174 |
+
-o-transform: rotate(-360deg);
|
175 |
+
-ms-transform: rotate(-360deg);
|
176 |
+
-webkit-transform: rotate(-360deg);
|
177 |
+
transform: rotate(-360deg);
|
178 |
+
}
|
179 |
+
|
180 |
+
.lg-css3.lg-rotate-rev .lg-item.lg-current {
|
181 |
+
-moz-transform: rotate(0deg);
|
182 |
+
-o-transform: rotate(0deg);
|
183 |
+
-ms-transform: rotate(0deg);
|
184 |
+
-webkit-transform: rotate(0deg);
|
185 |
+
transform: rotate(0deg);
|
186 |
+
opacity: 1;
|
187 |
+
}
|
188 |
+
|
189 |
+
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
|
190 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
191 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
192 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
193 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
194 |
+
}
|
195 |
+
|
196 |
+
.lg-css3.lg-slide-skew-ver .lg-item {
|
197 |
+
opacity: 0;
|
198 |
+
}
|
199 |
+
|
200 |
+
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
|
201 |
+
-moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
202 |
+
-o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
203 |
+
-ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
204 |
+
-webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
205 |
+
transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
206 |
+
}
|
207 |
+
|
208 |
+
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
|
209 |
+
-moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
210 |
+
-o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
211 |
+
-ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
212 |
+
-webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
213 |
+
transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
214 |
+
}
|
215 |
+
|
216 |
+
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
217 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
218 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
219 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
220 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
221 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
222 |
+
opacity: 1;
|
223 |
+
}
|
224 |
+
|
225 |
+
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
226 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
227 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
228 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
229 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
230 |
+
}
|
231 |
+
|
232 |
+
.lg-css3.lg-rotate .lg-item {
|
233 |
+
opacity: 0;
|
234 |
+
}
|
235 |
+
|
236 |
+
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
|
237 |
+
-moz-transform: rotate(-360deg);
|
238 |
+
-o-transform: rotate(-360deg);
|
239 |
+
-ms-transform: rotate(-360deg);
|
240 |
+
-webkit-transform: rotate(-360deg);
|
241 |
+
transform: rotate(-360deg);
|
242 |
+
}
|
243 |
+
|
244 |
+
.lg-css3.lg-rotate .lg-item.lg-next-slide {
|
245 |
+
-moz-transform: rotate(360deg);
|
246 |
+
-o-transform: rotate(360deg);
|
247 |
+
-ms-transform: rotate(360deg);
|
248 |
+
-webkit-transform: rotate(360deg);
|
249 |
+
transform: rotate(360deg);
|
250 |
+
}
|
251 |
+
|
252 |
+
.lg-css3.lg-rotate .lg-item.lg-current {
|
253 |
+
-moz-transform: rotate(0deg);
|
254 |
+
-o-transform: rotate(0deg);
|
255 |
+
-ms-transform: rotate(0deg);
|
256 |
+
-webkit-transform: rotate(0deg);
|
257 |
+
transform: rotate(0deg);
|
258 |
+
opacity: 1;
|
259 |
+
}
|
260 |
+
|
261 |
+
.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
|
262 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
263 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
264 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
265 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
266 |
+
}
|
267 |
+
|
268 |
+
.lg-css3.lg-slide-skew .lg-item {
|
269 |
+
opacity: 0;
|
270 |
+
}
|
271 |
+
|
272 |
+
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
|
273 |
+
-moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
274 |
+
-o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
275 |
+
-ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
276 |
+
-webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
277 |
+
transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
278 |
+
}
|
279 |
+
|
280 |
+
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
|
281 |
+
-moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
282 |
+
-o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
283 |
+
-ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
284 |
+
-webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
285 |
+
transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
286 |
+
}
|
287 |
+
|
288 |
+
.lg-css3.lg-slide-skew .lg-item.lg-current {
|
289 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
290 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
291 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
292 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
293 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
294 |
+
opacity: 1;
|
295 |
+
}
|
296 |
+
|
297 |
+
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
|
298 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
299 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
300 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
301 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
302 |
+
}
|
303 |
+
|
304 |
+
.lg-css3.lg-scale-up .lg-item {
|
305 |
+
opacity: 0;
|
306 |
+
}
|
307 |
+
|
308 |
+
.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
|
309 |
+
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
310 |
+
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
311 |
+
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
312 |
+
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
313 |
+
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
314 |
+
}
|
315 |
+
|
316 |
+
.lg-css3.lg-scale-up .lg-item.lg-next-slide {
|
317 |
+
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
318 |
+
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
319 |
+
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
320 |
+
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
321 |
+
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
322 |
+
}
|
323 |
+
|
324 |
+
.lg-css3.lg-scale-up .lg-item.lg-current {
|
325 |
+
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
326 |
+
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
327 |
+
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
328 |
+
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
329 |
+
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
330 |
+
opacity: 1;
|
331 |
+
}
|
332 |
+
|
333 |
+
.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
|
334 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
335 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
336 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
337 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
338 |
+
}
|
339 |
+
|
340 |
+
.lg-css3.lg-slide-vertical-growth .lg-item {
|
341 |
+
opacity: 0;
|
342 |
+
}
|
343 |
+
|
344 |
+
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
|
345 |
+
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
346 |
+
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
347 |
+
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
348 |
+
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
349 |
+
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
350 |
+
}
|
351 |
+
|
352 |
+
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
|
353 |
+
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
354 |
+
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
355 |
+
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
356 |
+
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
357 |
+
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
358 |
+
}
|
359 |
+
|
360 |
+
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
361 |
+
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
362 |
+
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
363 |
+
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
364 |
+
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
365 |
+
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
366 |
+
opacity: 1;
|
367 |
+
}
|
368 |
+
|
369 |
+
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
370 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
371 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
372 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
373 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
374 |
+
}
|
375 |
+
|
376 |
+
.lg-css3.lg-slide-circular-vertical .lg-item {
|
377 |
+
opacity: 0;
|
378 |
+
}
|
379 |
+
|
380 |
+
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
|
381 |
+
-moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
382 |
+
-o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
383 |
+
-ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
384 |
+
-webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
385 |
+
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
386 |
+
}
|
387 |
+
|
388 |
+
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
|
389 |
+
-moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
390 |
+
-o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
391 |
+
-ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
392 |
+
-webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
393 |
+
transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
394 |
+
}
|
395 |
+
|
396 |
+
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
397 |
+
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
398 |
+
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
399 |
+
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
400 |
+
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
401 |
+
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
402 |
+
opacity: 1;
|
403 |
+
}
|
404 |
+
|
405 |
+
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
406 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
407 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
408 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
409 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
410 |
+
}
|
411 |
+
|
412 |
+
.lg-css3.lg-slide-vertical .lg-item {
|
413 |
+
opacity: 0;
|
414 |
+
}
|
415 |
+
|
416 |
+
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
|
417 |
+
-webkit-transform: translate3d(0, -100%, 0);
|
418 |
+
transform: translate3d(0, -100%, 0);
|
419 |
+
}
|
420 |
+
|
421 |
+
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
|
422 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
423 |
+
transform: translate3d(0, 100%, 0);
|
424 |
+
}
|
425 |
+
|
426 |
+
.lg-css3.lg-slide-vertical .lg-item.lg-current {
|
427 |
+
-webkit-transform: translate3d(0, 0, 0);
|
428 |
+
transform: translate3d(0, 0, 0);
|
429 |
+
opacity: 1;
|
430 |
+
}
|
431 |
+
|
432 |
+
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
|
433 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
434 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
435 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
436 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
437 |
+
}
|
438 |
+
|
439 |
+
.lg-css3.lg-slide-circular .lg-item {
|
440 |
+
opacity: 0;
|
441 |
+
}
|
442 |
+
|
443 |
+
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
|
444 |
+
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
445 |
+
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
446 |
+
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
447 |
+
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
448 |
+
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
449 |
+
}
|
450 |
+
|
451 |
+
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
|
452 |
+
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
453 |
+
-o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
454 |
+
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
455 |
+
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
456 |
+
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
457 |
+
}
|
458 |
+
|
459 |
+
.lg-css3.lg-slide-circular .lg-item.lg-current {
|
460 |
+
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
461 |
+
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
462 |
+
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
463 |
+
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
464 |
+
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
465 |
+
opacity: 1;
|
466 |
+
}
|
467 |
+
|
468 |
+
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
|
469 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
470 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
471 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
472 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
473 |
+
}
|
474 |
+
|
475 |
+
.lg-css3.lg-soft-zoom .lg-item {
|
476 |
+
opacity: 0;
|
477 |
+
}
|
478 |
+
|
479 |
+
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
|
480 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
481 |
+
transform: scale3d(1.1, 1.1, 1.1);
|
482 |
+
}
|
483 |
+
|
484 |
+
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
|
485 |
+
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
486 |
+
transform: scale3d(0.9, 0.9, 0.9);
|
487 |
+
}
|
488 |
+
|
489 |
+
.lg-css3.lg-soft-zoom .lg-item.lg-current {
|
490 |
+
-webkit-transform: scale3d(1, 1, 1);
|
491 |
+
transform: scale3d(1, 1, 1);
|
492 |
+
opacity: 1;
|
493 |
+
}
|
494 |
+
|
495 |
+
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
|
496 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
497 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
498 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
499 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
500 |
+
}
|
501 |
+
|
502 |
+
.lg-css3.lg-slide-skew-cross-rev .lg-item {
|
503 |
+
opacity: 0;
|
504 |
+
}
|
505 |
+
|
506 |
+
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
|
507 |
+
-moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
508 |
+
-o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
509 |
+
-ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
510 |
+
-webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
511 |
+
transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
512 |
+
}
|
513 |
+
|
514 |
+
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
|
515 |
+
-moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
516 |
+
-o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
517 |
+
-ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
518 |
+
-webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
519 |
+
transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
520 |
+
}
|
521 |
+
|
522 |
+
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
523 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
524 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
525 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
526 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
527 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
528 |
+
opacity: 1;
|
529 |
+
}
|
530 |
+
|
531 |
+
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
532 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
533 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
534 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
535 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
536 |
+
}
|
537 |
+
|
538 |
+
.lg-css3.lg-tube .lg-item {
|
539 |
+
opacity: 0;
|
540 |
+
}
|
541 |
+
|
542 |
+
.lg-css3.lg-tube .lg-item.lg-prev-slide {
|
543 |
+
-moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
544 |
+
-o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
545 |
+
-ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
546 |
+
-webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
547 |
+
transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
548 |
+
}
|
549 |
+
|
550 |
+
.lg-css3.lg-tube .lg-item.lg-next-slide {
|
551 |
+
-moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
552 |
+
-o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
553 |
+
-ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
554 |
+
-webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
555 |
+
transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
556 |
+
}
|
557 |
+
|
558 |
+
.lg-css3.lg-tube .lg-item.lg-current {
|
559 |
+
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
560 |
+
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
561 |
+
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
562 |
+
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
563 |
+
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
564 |
+
opacity: 1;
|
565 |
+
}
|
566 |
+
|
567 |
+
.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
|
568 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
569 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
570 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
571 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
572 |
+
}
|
573 |
+
|
574 |
+
.lg-css3.lg-slide-skew-cross .lg-item {
|
575 |
+
opacity: 0;
|
576 |
+
}
|
577 |
+
|
578 |
+
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
|
579 |
+
-moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
580 |
+
-o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
581 |
+
-ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
582 |
+
-webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
583 |
+
transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
584 |
+
}
|
585 |
+
|
586 |
+
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
|
587 |
+
-moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
588 |
+
-o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
589 |
+
-ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
590 |
+
-webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
591 |
+
transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
592 |
+
}
|
593 |
+
|
594 |
+
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
595 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
596 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
597 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
598 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
599 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
600 |
+
opacity: 1;
|
601 |
+
}
|
602 |
+
|
603 |
+
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
604 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
605 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
606 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
607 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
608 |
+
}
|
609 |
+
|
610 |
+
.lg-css3.lg-zoom-in-big .lg-item {
|
611 |
+
opacity: 0;
|
612 |
+
}
|
613 |
+
|
614 |
+
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
|
615 |
+
-webkit-transform: scale3d(2, 2, 2);
|
616 |
+
transform: scale3d(2, 2, 2);
|
617 |
+
}
|
618 |
+
|
619 |
+
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
|
620 |
+
-webkit-transform: scale3d(2, 2, 2);
|
621 |
+
transform: scale3d(2, 2, 2);
|
622 |
+
}
|
623 |
+
|
624 |
+
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
625 |
+
-webkit-transform: scale3d(1, 1, 1);
|
626 |
+
transform: scale3d(1, 1, 1);
|
627 |
+
opacity: 1;
|
628 |
+
}
|
629 |
+
|
630 |
+
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
631 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
632 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
633 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
634 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
635 |
+
}
|
636 |
+
|
637 |
+
.lg-css3.lg-slide-skew-only-rev .lg-item {
|
638 |
+
opacity: 0;
|
639 |
+
}
|
640 |
+
|
641 |
+
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
|
642 |
+
-moz-transform: skew(-10deg, 0deg);
|
643 |
+
-o-transform: skew(-10deg, 0deg);
|
644 |
+
-ms-transform: skew(-10deg, 0deg);
|
645 |
+
-webkit-transform: skew(-10deg, 0deg);
|
646 |
+
transform: skew(-10deg, 0deg);
|
647 |
+
}
|
648 |
+
|
649 |
+
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
|
650 |
+
-moz-transform: skew(-10deg, 0deg);
|
651 |
+
-o-transform: skew(-10deg, 0deg);
|
652 |
+
-ms-transform: skew(-10deg, 0deg);
|
653 |
+
-webkit-transform: skew(-10deg, 0deg);
|
654 |
+
transform: skew(-10deg, 0deg);
|
655 |
+
}
|
656 |
+
|
657 |
+
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
658 |
+
-moz-transform: skew(0deg, 0deg);
|
659 |
+
-o-transform: skew(0deg, 0deg);
|
660 |
+
-ms-transform: skew(0deg, 0deg);
|
661 |
+
-webkit-transform: skew(0deg, 0deg);
|
662 |
+
transform: skew(0deg, 0deg);
|
663 |
+
opacity: 1;
|
664 |
+
}
|
665 |
+
|
666 |
+
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
667 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
668 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
669 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
670 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
671 |
+
}
|
672 |
+
|
673 |
+
.lg-css3.lg-zoom-in-out .lg-item {
|
674 |
+
opacity: 0;
|
675 |
+
}
|
676 |
+
|
677 |
+
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
|
678 |
+
-webkit-transform: scale3d(2, 2, 2);
|
679 |
+
transform: scale3d(2, 2, 2);
|
680 |
+
}
|
681 |
+
|
682 |
+
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
|
683 |
+
-webkit-transform: scale3d(0, 0, 0);
|
684 |
+
transform: scale3d(0, 0, 0);
|
685 |
+
}
|
686 |
+
|
687 |
+
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
688 |
+
-webkit-transform: scale3d(1, 1, 1);
|
689 |
+
transform: scale3d(1, 1, 1);
|
690 |
+
opacity: 1;
|
691 |
+
}
|
692 |
+
|
693 |
+
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
694 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
695 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
696 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
697 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
698 |
+
}
|
699 |
+
|
700 |
+
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
|
701 |
+
opacity: 0;
|
702 |
+
}
|
703 |
+
|
704 |
+
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
|
705 |
+
-moz-transform: skew(0deg, -10deg);
|
706 |
+
-o-transform: skew(0deg, -10deg);
|
707 |
+
-ms-transform: skew(0deg, -10deg);
|
708 |
+
-webkit-transform: skew(0deg, -10deg);
|
709 |
+
transform: skew(0deg, -10deg);
|
710 |
+
}
|
711 |
+
|
712 |
+
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
|
713 |
+
-moz-transform: skew(0deg, -10deg);
|
714 |
+
-o-transform: skew(0deg, -10deg);
|
715 |
+
-ms-transform: skew(0deg, -10deg);
|
716 |
+
-webkit-transform: skew(0deg, -10deg);
|
717 |
+
transform: skew(0deg, -10deg);
|
718 |
+
}
|
719 |
+
|
720 |
+
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
721 |
+
-moz-transform: skew(0deg, 0deg);
|
722 |
+
-o-transform: skew(0deg, 0deg);
|
723 |
+
-ms-transform: skew(0deg, 0deg);
|
724 |
+
-webkit-transform: skew(0deg, 0deg);
|
725 |
+
transform: skew(0deg, 0deg);
|
726 |
+
opacity: 1;
|
727 |
+
}
|
728 |
+
|
729 |
+
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
730 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
731 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
732 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
733 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
734 |
+
}
|
735 |
+
|
736 |
+
.lg-css3.lg-slide-skew-only-y .lg-item {
|
737 |
+
opacity: 0;
|
738 |
+
}
|
739 |
+
|
740 |
+
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
|
741 |
+
-moz-transform: skew(0deg, 10deg);
|
742 |
+
-o-transform: skew(0deg, 10deg);
|
743 |
+
-ms-transform: skew(0deg, 10deg);
|
744 |
+
-webkit-transform: skew(0deg, 10deg);
|
745 |
+
transform: skew(0deg, 10deg);
|
746 |
+
}
|
747 |
+
|
748 |
+
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
|
749 |
+
-moz-transform: skew(0deg, 10deg);
|
750 |
+
-o-transform: skew(0deg, 10deg);
|
751 |
+
-ms-transform: skew(0deg, 10deg);
|
752 |
+
-webkit-transform: skew(0deg, 10deg);
|
753 |
+
transform: skew(0deg, 10deg);
|
754 |
+
}
|
755 |
+
|
756 |
+
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
757 |
+
-moz-transform: skew(0deg, 0deg);
|
758 |
+
-o-transform: skew(0deg, 0deg);
|
759 |
+
-ms-transform: skew(0deg, 0deg);
|
760 |
+
-webkit-transform: skew(0deg, 0deg);
|
761 |
+
transform: skew(0deg, 0deg);
|
762 |
+
opacity: 1;
|
763 |
+
}
|
764 |
+
|
765 |
+
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
766 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
767 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
768 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
769 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
770 |
+
}
|
771 |
+
|
772 |
+
.lg-css3.lg-zoom-out-big .lg-item {
|
773 |
+
opacity: 0;
|
774 |
+
}
|
775 |
+
|
776 |
+
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
|
777 |
+
-webkit-transform: scale3d(0, 0, 0);
|
778 |
+
transform: scale3d(0, 0, 0);
|
779 |
+
}
|
780 |
+
|
781 |
+
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
|
782 |
+
-webkit-transform: scale3d(0, 0, 0);
|
783 |
+
transform: scale3d(0, 0, 0);
|
784 |
+
}
|
785 |
+
|
786 |
+
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
787 |
+
-webkit-transform: scale3d(1, 1, 1);
|
788 |
+
transform: scale3d(1, 1, 1);
|
789 |
+
opacity: 1;
|
790 |
+
}
|
791 |
+
|
792 |
+
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
793 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
794 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
795 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
796 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
797 |
+
}
|
798 |
+
|
799 |
+
.lg-css3.lg-slide-skew-only .lg-item {
|
800 |
+
opacity: 0;
|
801 |
+
}
|
802 |
+
|
803 |
+
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
|
804 |
+
-moz-transform: skew(10deg, 0deg);
|
805 |
+
-o-transform: skew(10deg, 0deg);
|
806 |
+
-ms-transform: skew(10deg, 0deg);
|
807 |
+
-webkit-transform: skew(10deg, 0deg);
|
808 |
+
transform: skew(10deg, 0deg);
|
809 |
+
}
|
810 |
+
|
811 |
+
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
|
812 |
+
-moz-transform: skew(10deg, 0deg);
|
813 |
+
-o-transform: skew(10deg, 0deg);
|
814 |
+
-ms-transform: skew(10deg, 0deg);
|
815 |
+
-webkit-transform: skew(10deg, 0deg);
|
816 |
+
transform: skew(10deg, 0deg);
|
817 |
+
}
|
818 |
+
|
819 |
+
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
820 |
+
-moz-transform: skew(0deg, 0deg);
|
821 |
+
-o-transform: skew(0deg, 0deg);
|
822 |
+
-ms-transform: skew(0deg, 0deg);
|
823 |
+
-webkit-transform: skew(0deg, 0deg);
|
824 |
+
transform: skew(0deg, 0deg);
|
825 |
+
opacity: 1;
|
826 |
+
}
|
827 |
+
|
828 |
+
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
829 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
830 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
831 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
832 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
833 |
+
}
|
834 |
+
|
835 |
+
.lg-css3.lg-zoom-out-in .lg-item {
|
836 |
+
opacity: 0;
|
837 |
+
}
|
838 |
+
|
839 |
+
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
|
840 |
+
-webkit-transform: scale3d(0, 0, 0);
|
841 |
+
transform: scale3d(0, 0, 0);
|
842 |
+
}
|
843 |
+
|
844 |
+
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
|
845 |
+
-webkit-transform: scale3d(2, 2, 2);
|
846 |
+
transform: scale3d(2, 2, 2);
|
847 |
+
}
|
848 |
+
|
849 |
+
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
850 |
+
-webkit-transform: scale3d(1, 1, 1);
|
851 |
+
transform: scale3d(1, 1, 1);
|
852 |
+
opacity: 1;
|
853 |
+
}
|
854 |
+
|
855 |
+
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
856 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
857 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
858 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
859 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
860 |
+
}
|
861 |
+
|
862 |
+
.lg-css3.lg-slide-skew-rev .lg-item {
|
863 |
+
opacity: 0;
|
864 |
+
}
|
865 |
+
|
866 |
+
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
|
867 |
+
-moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
868 |
+
-o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
869 |
+
-ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
870 |
+
-webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
871 |
+
transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
872 |
+
}
|
873 |
+
|
874 |
+
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
|
875 |
+
-moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
876 |
+
-o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
877 |
+
-ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
878 |
+
-webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
879 |
+
transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
880 |
+
}
|
881 |
+
|
882 |
+
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
883 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
884 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
885 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
886 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
887 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
888 |
+
opacity: 1;
|
889 |
+
}
|
890 |
+
|
891 |
+
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
892 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
893 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
894 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
895 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
896 |
+
}
|
897 |
+
|
898 |
+
.lg-css3.lg-zoom-out .lg-item {
|
899 |
+
opacity: 0;
|
900 |
+
}
|
901 |
+
|
902 |
+
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
|
903 |
+
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
904 |
+
transform: scale3d(0.7, 0.7, 0.7);
|
905 |
+
}
|
906 |
+
|
907 |
+
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
|
908 |
+
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
909 |
+
transform: scale3d(0.7, 0.7, 0.7);
|
910 |
+
}
|
911 |
+
|
912 |
+
.lg-css3.lg-zoom-out .lg-item.lg-current {
|
913 |
+
-webkit-transform: scale3d(1, 1, 1);
|
914 |
+
transform: scale3d(1, 1, 1);
|
915 |
+
opacity: 1;
|
916 |
+
}
|
917 |
+
|
918 |
+
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
|
919 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
920 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
921 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
922 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
923 |
+
}
|
924 |
+
|
925 |
+
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
|
926 |
+
opacity: 0;
|
927 |
+
}
|
928 |
+
|
929 |
+
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
|
930 |
+
-moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
931 |
+
-o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
932 |
+
-ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
933 |
+
-webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
934 |
+
transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
935 |
+
}
|
936 |
+
|
937 |
+
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
|
938 |
+
-moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
939 |
+
-o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
940 |
+
-ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
941 |
+
-webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
942 |
+
transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
943 |
+
}
|
944 |
+
|
945 |
+
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
946 |
+
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
947 |
+
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
948 |
+
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
949 |
+
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
950 |
+
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
951 |
+
opacity: 1;
|
952 |
+
}
|
953 |
+
|
954 |
+
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
955 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
956 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
957 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
958 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
959 |
+
}
|
lightgallery/css/lg-video.css
ADDED
@@ -0,0 +1,144 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.lg-outer .lg-video-cont {
|
2 |
+
text-align: center;
|
3 |
+
display: inline-block;
|
4 |
+
vertical-align: middle;
|
5 |
+
position: relative;
|
6 |
+
}
|
7 |
+
|
8 |
+
.lg-outer .lg-video-cont .lg-object {
|
9 |
+
width: 100% !important;
|
10 |
+
height: 100% !important;
|
11 |
+
}
|
12 |
+
|
13 |
+
.lg-outer .lg-has-iframe .lg-video-cont {
|
14 |
+
-webkit-overflow-scrolling: touch;
|
15 |
+
overflow: auto;
|
16 |
+
}
|
17 |
+
|
18 |
+
.lg-outer .lg-video-object {
|
19 |
+
position: absolute;
|
20 |
+
left: 0;
|
21 |
+
right: 0;
|
22 |
+
width: 100%;
|
23 |
+
height: 100%;
|
24 |
+
top: 0;
|
25 |
+
bottom: 0;
|
26 |
+
z-index: 3;
|
27 |
+
}
|
28 |
+
|
29 |
+
.lg-outer .lg-video-poster {
|
30 |
+
z-index: 1;
|
31 |
+
}
|
32 |
+
|
33 |
+
.lg-outer .lg-has-video .lg-video-object {
|
34 |
+
opacity: 0;
|
35 |
+
will-change: opacity;
|
36 |
+
-webkit-transition: opacity 0.3s ease-in;
|
37 |
+
-o-transition: opacity 0.3s ease-in;
|
38 |
+
transition: opacity 0.3s ease-in;
|
39 |
+
}
|
40 |
+
|
41 |
+
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
|
42 |
+
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
|
43 |
+
opacity: 0 !important;
|
44 |
+
}
|
45 |
+
|
46 |
+
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
|
47 |
+
opacity: 1;
|
48 |
+
}
|
49 |
+
|
50 |
+
@keyframes lg-play-stroke {
|
51 |
+
0% {
|
52 |
+
stroke-dasharray: 1, 200;
|
53 |
+
stroke-dashoffset: 0;
|
54 |
+
}
|
55 |
+
50% {
|
56 |
+
stroke-dasharray: 89, 200;
|
57 |
+
stroke-dashoffset: -35px;
|
58 |
+
}
|
59 |
+
100% {
|
60 |
+
stroke-dasharray: 89, 200;
|
61 |
+
stroke-dashoffset: -124px;
|
62 |
+
}
|
63 |
+
}
|
64 |
+
|
65 |
+
@keyframes lg-play-rotate {
|
66 |
+
100% {
|
67 |
+
-webkit-transform: rotate(360deg);
|
68 |
+
transform: rotate(360deg);
|
69 |
+
}
|
70 |
+
}
|
71 |
+
|
72 |
+
.lg-video-play-button {
|
73 |
+
width: 18%;
|
74 |
+
max-width: 140px;
|
75 |
+
position: absolute;
|
76 |
+
top: 50%;
|
77 |
+
left: 50%;
|
78 |
+
z-index: 2;
|
79 |
+
cursor: pointer;
|
80 |
+
transform: translate(-50%, -50%) scale(1);
|
81 |
+
will-change: opacity, transform;
|
82 |
+
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
83 |
+
-moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
84 |
+
-o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
85 |
+
transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
86 |
+
}
|
87 |
+
|
88 |
+
.lg-video-play-button:hover .lg-video-play-icon-bg,
|
89 |
+
.lg-video-play-button:hover .lg-video-play-icon {
|
90 |
+
opacity: 1;
|
91 |
+
}
|
92 |
+
|
93 |
+
.lg-video-play-icon-bg {
|
94 |
+
fill: none;
|
95 |
+
stroke-width: 3%;
|
96 |
+
stroke: #fcfcfc;
|
97 |
+
opacity: 0.6;
|
98 |
+
will-change: opacity;
|
99 |
+
-webkit-transition: opacity 0.12s ease-in;
|
100 |
+
-o-transition: opacity 0.12s ease-in;
|
101 |
+
transition: opacity 0.12s ease-in;
|
102 |
+
}
|
103 |
+
|
104 |
+
.lg-video-play-icon-circle {
|
105 |
+
position: absolute;
|
106 |
+
top: 0;
|
107 |
+
left: 0;
|
108 |
+
bottom: 0;
|
109 |
+
right: 0;
|
110 |
+
fill: none;
|
111 |
+
stroke-width: 3%;
|
112 |
+
stroke: rgba(30, 30, 30, 0.9);
|
113 |
+
stroke-opacity: 1;
|
114 |
+
stroke-linecap: round;
|
115 |
+
stroke-dasharray: 200;
|
116 |
+
stroke-dashoffset: 200;
|
117 |
+
}
|
118 |
+
|
119 |
+
.lg-video-play-icon {
|
120 |
+
position: absolute;
|
121 |
+
width: 25%;
|
122 |
+
max-width: 120px;
|
123 |
+
left: 50%;
|
124 |
+
top: 50%;
|
125 |
+
transform: translate3d(-50%, -50%, 0);
|
126 |
+
opacity: 0.6;
|
127 |
+
will-change: opacity;
|
128 |
+
-webkit-transition: opacity 0.12s ease-in;
|
129 |
+
-o-transition: opacity 0.12s ease-in;
|
130 |
+
transition: opacity 0.12s ease-in;
|
131 |
+
}
|
132 |
+
|
133 |
+
.lg-video-play-icon .lg-video-play-icon-inner {
|
134 |
+
fill: #fcfcfc;
|
135 |
+
}
|
136 |
+
|
137 |
+
.lg-video-loading .lg-video-play-icon-circle {
|
138 |
+
animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
|
139 |
+
}
|
140 |
+
|
141 |
+
.lg-video-loaded .lg-video-play-button {
|
142 |
+
opacity: 0;
|
143 |
+
transform: translate(-50%, -50%) scale(0.7);
|
144 |
+
}
|
lightgallery/css/lg-zoom.css
ADDED
@@ -0,0 +1,84 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
|
2 |
+
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
|
3 |
+
-webkit-transition-duration: 0ms !important;
|
4 |
+
transition-duration: 0ms !important;
|
5 |
+
}
|
6 |
+
|
7 |
+
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
8 |
+
will-change: transform;
|
9 |
+
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
10 |
+
-moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
11 |
+
-o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
12 |
+
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
13 |
+
}
|
14 |
+
|
15 |
+
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
16 |
+
will-change: transform;
|
17 |
+
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
18 |
+
-moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
19 |
+
-o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
20 |
+
transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
21 |
+
}
|
22 |
+
|
23 |
+
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
24 |
+
-webkit-transform: translate3d(0, 0, 0);
|
25 |
+
transform: translate3d(0, 0, 0);
|
26 |
+
-webkit-backface-visibility: hidden;
|
27 |
+
-moz-backface-visibility: hidden;
|
28 |
+
backface-visibility: hidden;
|
29 |
+
}
|
30 |
+
|
31 |
+
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
|
32 |
+
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
|
33 |
+
-webkit-transform: scale3d(1, 1, 1);
|
34 |
+
transform: scale3d(1, 1, 1);
|
35 |
+
will-change: opacity, transform;
|
36 |
+
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
37 |
+
-moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
38 |
+
-o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
39 |
+
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
40 |
+
-webkit-transform-origin: 0 0;
|
41 |
+
-moz-transform-origin: 0 0;
|
42 |
+
-ms-transform-origin: 0 0;
|
43 |
+
transform-origin: 0 0;
|
44 |
+
-webkit-backface-visibility: hidden;
|
45 |
+
-moz-backface-visibility: hidden;
|
46 |
+
backface-visibility: hidden;
|
47 |
+
}
|
48 |
+
|
49 |
+
.lg-icon.lg-zoom-in:after {
|
50 |
+
content: '\e311';
|
51 |
+
}
|
52 |
+
|
53 |
+
.lg-icon.lg-actual-size {
|
54 |
+
font-size: 20px;
|
55 |
+
}
|
56 |
+
|
57 |
+
.lg-icon.lg-actual-size:after {
|
58 |
+
content: '\e033';
|
59 |
+
}
|
60 |
+
|
61 |
+
.lg-icon.lg-zoom-out {
|
62 |
+
opacity: 0.5;
|
63 |
+
pointer-events: none;
|
64 |
+
}
|
65 |
+
|
66 |
+
.lg-icon.lg-zoom-out:after {
|
67 |
+
content: '\e312';
|
68 |
+
}
|
69 |
+
|
70 |
+
.lg-zoomed .lg-icon.lg-zoom-out {
|
71 |
+
opacity: 1;
|
72 |
+
pointer-events: auto;
|
73 |
+
}
|
74 |
+
|
75 |
+
.lg-outer[data-lg-slide-type='video'] .lg-zoom-in,
|
76 |
+
.lg-outer[data-lg-slide-type='video'] .lg-actual-size,
|
77 |
+
.lg-outer[data-lg-slide-type='video'] .lg-zoom-out, .lg-outer[data-lg-slide-type='iframe'] .lg-zoom-in,
|
78 |
+
.lg-outer[data-lg-slide-type='iframe'] .lg-actual-size,
|
79 |
+
.lg-outer[data-lg-slide-type='iframe'] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
|
80 |
+
.lg-outer.lg-first-slide-loading .lg-actual-size,
|
81 |
+
.lg-outer.lg-first-slide-loading .lg-zoom-out {
|
82 |
+
opacity: 0.75;
|
83 |
+
pointer-events: none;
|
84 |
+
}
|
lightgallery/css/lightgallery-bundle.min.css
ADDED
@@ -0,0 +1 @@
|
|
|
1 |
+
@font-face{font-family:lg;src:url(../fonts/lg.woff2?io9a6k) format("woff2"),url(../fonts/lg.ttf?io9a6k) format("truetype"),url(../fonts/lg.woff?io9a6k) format("woff"),url(../fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;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-container{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.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;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:'\e095'}.lg-prev{left:20px}.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 .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-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.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;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:'\e070'}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:'\e90a'}.lg-toolbar .lg-download:after{content:'\e0f2'}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-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}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;width:100%;max-height:350px;overflow:hidden;float:left}.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-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:5px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:10px 0}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:2px;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:4px;border:2px solid #fff;-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;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:'\e1ff'}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-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-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.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!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s 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-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);will-change:opacity,transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 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-icon.lg-zoom-in:after{content:'\e311'}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:'\e033'}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:'\e312'}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.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;will-change:transform,opacity;-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:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-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,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-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-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);will-change:visibility,opacity,transform;-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 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-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:'\e904'}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:'\e907'}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:'\e906'}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:#fff;font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(../images/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#999;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:#fff}.lg-comment-box .lg-comment-close:after{content:'\e070'}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-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;will-change:visibility,opacity;-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-comment-toggle:after{content:'\e908'}.lg-outer.lg-comment-active .lg-comment-overlay{-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-comment-active .lg-comment-toggle{color:#fff}.lg-outer.lg-comment-active .lg-comment-box{-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)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-rotate-left:after{content:'\e900'}.lg-rotate-right:after{content:'\e901'}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:'\e903'}.lg-flip-hor:after{content:'\e902'}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-relative-caption .lg-outer .lg-sub-html{white-space:normal;bottom:auto;padding:0;background-image:none}.lg-relative-caption .lg-outer .lg-relative-caption-item{opacity:0;padding:16px 0;transition:.5s opacity ease}.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item{opacity:1}.lg-group:after{content:'';display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-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-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).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-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(../images/loading.gif) no-repeat scroll center center transparent}.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-css .lg-current{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:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 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{-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-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 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-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:'\e909'}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}
|
lightgallery/css/lightgallery-core.css
ADDED
@@ -0,0 +1,382 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.lg-group:after {
|
2 |
+
content: '';
|
3 |
+
display: table;
|
4 |
+
clear: both;
|
5 |
+
}
|
6 |
+
|
7 |
+
.lg-container {
|
8 |
+
display: none;
|
9 |
+
outline: none;
|
10 |
+
}
|
11 |
+
|
12 |
+
.lg-container.lg-show {
|
13 |
+
display: block;
|
14 |
+
}
|
15 |
+
|
16 |
+
.lg-on {
|
17 |
+
scroll-behavior: unset;
|
18 |
+
}
|
19 |
+
|
20 |
+
.lg-overlay-open {
|
21 |
+
overflow: hidden;
|
22 |
+
}
|
23 |
+
|
24 |
+
.lg-toolbar,
|
25 |
+
.lg-prev,
|
26 |
+
.lg-next,
|
27 |
+
.lg-pager-outer,
|
28 |
+
.lg-hide-sub-html .lg-sub-html {
|
29 |
+
opacity: 0;
|
30 |
+
will-change: transform, opacity;
|
31 |
+
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
32 |
+
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
33 |
+
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
34 |
+
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
35 |
+
}
|
36 |
+
|
37 |
+
.lg-show-in .lg-toolbar,
|
38 |
+
.lg-show-in .lg-prev,
|
39 |
+
.lg-show-in .lg-next,
|
40 |
+
.lg-show-in .lg-pager-outer {
|
41 |
+
opacity: 1;
|
42 |
+
}
|
43 |
+
|
44 |
+
.lg-show-in.lg-hide-sub-html .lg-sub-html {
|
45 |
+
opacity: 1;
|
46 |
+
}
|
47 |
+
|
48 |
+
.lg-show-in .lg-hide-items .lg-prev {
|
49 |
+
opacity: 0;
|
50 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
51 |
+
transform: translate3d(-10px, 0, 0);
|
52 |
+
}
|
53 |
+
|
54 |
+
.lg-show-in .lg-hide-items .lg-next {
|
55 |
+
opacity: 0;
|
56 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
57 |
+
transform: translate3d(10px, 0, 0);
|
58 |
+
}
|
59 |
+
|
60 |
+
.lg-show-in .lg-hide-items .lg-toolbar {
|
61 |
+
opacity: 0;
|
62 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
63 |
+
transform: translate3d(0, -10px, 0);
|
64 |
+
}
|
65 |
+
|
66 |
+
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
|
67 |
+
opacity: 0;
|
68 |
+
-webkit-transform: translate3d(0, 20px, 0);
|
69 |
+
transform: translate3d(0, 20px, 0);
|
70 |
+
}
|
71 |
+
|
72 |
+
.lg-outer {
|
73 |
+
width: 100%;
|
74 |
+
height: 100%;
|
75 |
+
position: fixed;
|
76 |
+
top: 0;
|
77 |
+
left: 0;
|
78 |
+
z-index: 1050;
|
79 |
+
text-align: left;
|
80 |
+
opacity: 0.001;
|
81 |
+
outline: none;
|
82 |
+
will-change: auto;
|
83 |
+
overflow: hidden;
|
84 |
+
-webkit-transition: opacity 0.15s ease 0s;
|
85 |
+
-o-transition: opacity 0.15s ease 0s;
|
86 |
+
transition: opacity 0.15s ease 0s;
|
87 |
+
}
|
88 |
+
|
89 |
+
.lg-outer * {
|
90 |
+
-webkit-box-sizing: border-box;
|
91 |
+
-moz-box-sizing: border-box;
|
92 |
+
box-sizing: border-box;
|
93 |
+
}
|
94 |
+
|
95 |
+
.lg-outer.lg-zoom-from-image {
|
96 |
+
opacity: 1;
|
97 |
+
}
|
98 |
+
|
99 |
+
.lg-outer.lg-visible {
|
100 |
+
opacity: 1;
|
101 |
+
}
|
102 |
+
|
103 |
+
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
|
104 |
+
-webkit-transition-duration: inherit !important;
|
105 |
+
transition-duration: inherit !important;
|
106 |
+
-webkit-transition-timing-function: inherit !important;
|
107 |
+
transition-timing-function: inherit !important;
|
108 |
+
}
|
109 |
+
|
110 |
+
.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 {
|
111 |
+
-webkit-transition-duration: 0s !important;
|
112 |
+
transition-duration: 0s !important;
|
113 |
+
opacity: 1;
|
114 |
+
}
|
115 |
+
|
116 |
+
.lg-outer.lg-grab img.lg-object {
|
117 |
+
cursor: -webkit-grab;
|
118 |
+
cursor: -moz-grab;
|
119 |
+
cursor: -o-grab;
|
120 |
+
cursor: -ms-grab;
|
121 |
+
cursor: grab;
|
122 |
+
}
|
123 |
+
|
124 |
+
.lg-outer.lg-grabbing img.lg-object {
|
125 |
+
cursor: move;
|
126 |
+
cursor: -webkit-grabbing;
|
127 |
+
cursor: -moz-grabbing;
|
128 |
+
cursor: -o-grabbing;
|
129 |
+
cursor: -ms-grabbing;
|
130 |
+
cursor: grabbing;
|
131 |
+
}
|
132 |
+
|
133 |
+
.lg-outer .lg-content {
|
134 |
+
position: absolute;
|
135 |
+
top: 0;
|
136 |
+
left: 0;
|
137 |
+
right: 0;
|
138 |
+
bottom: 0;
|
139 |
+
}
|
140 |
+
|
141 |
+
.lg-outer .lg-inner {
|
142 |
+
width: 100%;
|
143 |
+
position: absolute;
|
144 |
+
left: 0;
|
145 |
+
top: 0;
|
146 |
+
bottom: 0;
|
147 |
+
-webkit-transition: opacity 0s;
|
148 |
+
-o-transition: opacity 0s;
|
149 |
+
transition: opacity 0s;
|
150 |
+
white-space: nowrap;
|
151 |
+
}
|
152 |
+
|
153 |
+
.lg-outer .lg-item {
|
154 |
+
display: none !important;
|
155 |
+
}
|
156 |
+
|
157 |
+
.lg-outer .lg-item:not(.lg-start-end-progress) {
|
158 |
+
background: url("../images/loading.gif") no-repeat scroll center center transparent;
|
159 |
+
}
|
160 |
+
|
161 |
+
.lg-outer.lg-css3 .lg-prev-slide,
|
162 |
+
.lg-outer.lg-css3 .lg-current,
|
163 |
+
.lg-outer.lg-css3 .lg-next-slide {
|
164 |
+
display: inline-block !important;
|
165 |
+
}
|
166 |
+
|
167 |
+
.lg-outer.lg-css .lg-current {
|
168 |
+
display: inline-block !important;
|
169 |
+
}
|
170 |
+
|
171 |
+
.lg-outer .lg-item,
|
172 |
+
.lg-outer .lg-img-wrap {
|
173 |
+
display: inline-block;
|
174 |
+
text-align: center;
|
175 |
+
position: absolute;
|
176 |
+
width: 100%;
|
177 |
+
height: 100%;
|
178 |
+
}
|
179 |
+
|
180 |
+
.lg-outer .lg-item:before,
|
181 |
+
.lg-outer .lg-img-wrap:before {
|
182 |
+
content: '';
|
183 |
+
display: inline-block;
|
184 |
+
height: 100%;
|
185 |
+
vertical-align: middle;
|
186 |
+
}
|
187 |
+
|
188 |
+
.lg-outer .lg-img-wrap {
|
189 |
+
position: absolute;
|
190 |
+
left: 0;
|
191 |
+
right: 0;
|
192 |
+
top: 0;
|
193 |
+
bottom: 0;
|
194 |
+
white-space: nowrap;
|
195 |
+
font-size: 0;
|
196 |
+
}
|
197 |
+
|
198 |
+
.lg-outer .lg-item.lg-complete {
|
199 |
+
background-image: none;
|
200 |
+
}
|
201 |
+
|
202 |
+
.lg-outer .lg-item.lg-current {
|
203 |
+
z-index: 1060;
|
204 |
+
}
|
205 |
+
|
206 |
+
.lg-outer .lg-object {
|
207 |
+
display: inline-block;
|
208 |
+
vertical-align: middle;
|
209 |
+
max-width: 100%;
|
210 |
+
max-height: 100%;
|
211 |
+
width: auto;
|
212 |
+
height: auto;
|
213 |
+
position: relative;
|
214 |
+
}
|
215 |
+
|
216 |
+
.lg-outer .lg-empty-html.lg-sub-html,
|
217 |
+
.lg-outer .lg-empty-html .lg-sub-html {
|
218 |
+
display: none;
|
219 |
+
}
|
220 |
+
|
221 |
+
.lg-outer.lg-hide-download .lg-download {
|
222 |
+
opacity: 0.75;
|
223 |
+
pointer-events: none;
|
224 |
+
}
|
225 |
+
|
226 |
+
.lg-outer .lg-first-slide .lg-dummy-img {
|
227 |
+
position: absolute;
|
228 |
+
top: 50%;
|
229 |
+
left: 50%;
|
230 |
+
}
|
231 |
+
|
232 |
+
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
|
233 |
+
-webkit-transform: translate3d(0, 0%, 0);
|
234 |
+
transform: translate3d(0, 0%, 0);
|
235 |
+
opacity: 1;
|
236 |
+
}
|
237 |
+
|
238 |
+
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
|
239 |
+
opacity: 1;
|
240 |
+
transition: opacity 0.2s ease-out 0.15s;
|
241 |
+
}
|
242 |
+
|
243 |
+
.lg-backdrop {
|
244 |
+
position: fixed;
|
245 |
+
top: 0;
|
246 |
+
left: 0;
|
247 |
+
right: 0;
|
248 |
+
bottom: 0;
|
249 |
+
z-index: 1040;
|
250 |
+
background-color: #000;
|
251 |
+
opacity: 0;
|
252 |
+
will-change: auto;
|
253 |
+
-webkit-transition: opacity 333ms ease-in 0s;
|
254 |
+
-o-transition: opacity 333ms ease-in 0s;
|
255 |
+
transition: opacity 333ms ease-in 0s;
|
256 |
+
}
|
257 |
+
|
258 |
+
.lg-backdrop.in {
|
259 |
+
opacity: 1;
|
260 |
+
}
|
261 |
+
|
262 |
+
.lg-css3.lg-no-trans .lg-prev-slide,
|
263 |
+
.lg-css3.lg-no-trans .lg-next-slide,
|
264 |
+
.lg-css3.lg-no-trans .lg-current {
|
265 |
+
-webkit-transition: none 0s ease 0s !important;
|
266 |
+
-moz-transition: none 0s ease 0s !important;
|
267 |
+
-o-transition: none 0s ease 0s !important;
|
268 |
+
transition: none 0s ease 0s !important;
|
269 |
+
}
|
270 |
+
|
271 |
+
.lg-css3.lg-use-css3 .lg-item {
|
272 |
+
-webkit-backface-visibility: hidden;
|
273 |
+
-moz-backface-visibility: hidden;
|
274 |
+
backface-visibility: hidden;
|
275 |
+
}
|
276 |
+
|
277 |
+
.lg-css3.lg-fade .lg-item {
|
278 |
+
opacity: 0;
|
279 |
+
}
|
280 |
+
|
281 |
+
.lg-css3.lg-fade .lg-item.lg-current {
|
282 |
+
opacity: 1;
|
283 |
+
}
|
284 |
+
|
285 |
+
.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 {
|
286 |
+
-webkit-transition: opacity 0.1s ease 0s;
|
287 |
+
-moz-transition: opacity 0.1s ease 0s;
|
288 |
+
-o-transition: opacity 0.1s ease 0s;
|
289 |
+
transition: opacity 0.1s ease 0s;
|
290 |
+
}
|
291 |
+
|
292 |
+
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
|
293 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
294 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
295 |
+
-o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
296 |
+
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
297 |
+
}
|
298 |
+
|
299 |
+
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
|
300 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
301 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
302 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
303 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
304 |
+
}
|
305 |
+
|
306 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
307 |
+
opacity: 0;
|
308 |
+
}
|
309 |
+
|
310 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
311 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
312 |
+
transform: translate3d(-100%, 0, 0);
|
313 |
+
}
|
314 |
+
|
315 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
316 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
317 |
+
transform: translate3d(100%, 0, 0);
|
318 |
+
}
|
319 |
+
|
320 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
321 |
+
-webkit-transform: translate3d(0, 0, 0);
|
322 |
+
transform: translate3d(0, 0, 0);
|
323 |
+
opacity: 1;
|
324 |
+
}
|
325 |
+
|
326 |
+
.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 {
|
327 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
328 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
329 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
330 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
331 |
+
}
|
332 |
+
|
333 |
+
.lg-container {
|
334 |
+
display: none;
|
335 |
+
}
|
336 |
+
|
337 |
+
.lg-container.lg-show {
|
338 |
+
display: block;
|
339 |
+
}
|
340 |
+
|
341 |
+
.lg-container.lg-dragging-vertical .lg-backdrop {
|
342 |
+
-webkit-transition-duration: 0s !important;
|
343 |
+
transition-duration: 0s !important;
|
344 |
+
}
|
345 |
+
|
346 |
+
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
|
347 |
+
-webkit-transition-duration: 0s !important;
|
348 |
+
transition-duration: 0s !important;
|
349 |
+
opacity: 1;
|
350 |
+
}
|
351 |
+
|
352 |
+
.lg-inline .lg-backdrop,
|
353 |
+
.lg-inline .lg-outer {
|
354 |
+
position: absolute;
|
355 |
+
}
|
356 |
+
|
357 |
+
.lg-inline .lg-backdrop {
|
358 |
+
z-index: 1;
|
359 |
+
}
|
360 |
+
|
361 |
+
.lg-inline .lg-outer {
|
362 |
+
z-index: 2;
|
363 |
+
}
|
364 |
+
|
365 |
+
.lg-inline .lg-maximize:after {
|
366 |
+
content: '\e909';
|
367 |
+
}
|
368 |
+
|
369 |
+
.lg-components {
|
370 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
371 |
+
transform: translate3d(0, 100%, 0);
|
372 |
+
will-change: transform;
|
373 |
+
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
|
374 |
+
-moz-transition: -moz-transform 0.35s ease-out 0s;
|
375 |
+
-o-transition: -o-transform 0.35s ease-out 0s;
|
376 |
+
transition: transform 0.35s ease-out 0s;
|
377 |
+
z-index: 1080;
|
378 |
+
position: absolute;
|
379 |
+
bottom: 0;
|
380 |
+
right: 0;
|
381 |
+
left: 0;
|
382 |
+
}
|
lightgallery/css/lightgallery.css
ADDED
@@ -0,0 +1,728 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@font-face {
|
2 |
+
font-family: 'lg';
|
3 |
+
src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../fonts/lg.svg?io9a6k#lg") format("svg");
|
4 |
+
font-weight: normal;
|
5 |
+
font-style: normal;
|
6 |
+
font-display: block;
|
7 |
+
}
|
8 |
+
|
9 |
+
.lg-icon {
|
10 |
+
/* use !important to prevent issues with browser extensions that change fonts */
|
11 |
+
font-family: 'lg' !important;
|
12 |
+
speak: never;
|
13 |
+
font-style: normal;
|
14 |
+
font-weight: normal;
|
15 |
+
font-variant: normal;
|
16 |
+
text-transform: none;
|
17 |
+
line-height: 1;
|
18 |
+
/* Better Font Rendering =========== */
|
19 |
+
-webkit-font-smoothing: antialiased;
|
20 |
+
-moz-osx-font-smoothing: grayscale;
|
21 |
+
}
|
22 |
+
|
23 |
+
.lg-container {
|
24 |
+
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
25 |
+
}
|
26 |
+
|
27 |
+
.lg-next,
|
28 |
+
.lg-prev {
|
29 |
+
background-color: rgba(0, 0, 0, 0.45);
|
30 |
+
border-radius: 2px;
|
31 |
+
color: #999;
|
32 |
+
cursor: pointer;
|
33 |
+
display: block;
|
34 |
+
font-size: 22px;
|
35 |
+
margin-top: -10px;
|
36 |
+
padding: 8px 10px 9px;
|
37 |
+
position: absolute;
|
38 |
+
top: 50%;
|
39 |
+
z-index: 1080;
|
40 |
+
outline: none;
|
41 |
+
border: none;
|
42 |
+
}
|
43 |
+
|
44 |
+
.lg-next.disabled,
|
45 |
+
.lg-prev.disabled {
|
46 |
+
opacity: 0 !important;
|
47 |
+
cursor: default;
|
48 |
+
}
|
49 |
+
|
50 |
+
.lg-next:hover:not(.disabled),
|
51 |
+
.lg-prev:hover:not(.disabled) {
|
52 |
+
color: #fff;
|
53 |
+
}
|
54 |
+
|
55 |
+
.lg-single-item .lg-next, .lg-single-item
|
56 |
+
.lg-prev {
|
57 |
+
display: none;
|
58 |
+
}
|
59 |
+
|
60 |
+
.lg-next {
|
61 |
+
right: 20px;
|
62 |
+
}
|
63 |
+
|
64 |
+
.lg-next:before {
|
65 |
+
content: '\e095';
|
66 |
+
}
|
67 |
+
|
68 |
+
.lg-prev {
|
69 |
+
left: 20px;
|
70 |
+
}
|
71 |
+
|
72 |
+
.lg-prev:after {
|
73 |
+
content: '\e094';
|
74 |
+
}
|
75 |
+
|
76 |
+
@-webkit-keyframes lg-right-end {
|
77 |
+
0% {
|
78 |
+
left: 0;
|
79 |
+
}
|
80 |
+
50% {
|
81 |
+
left: -30px;
|
82 |
+
}
|
83 |
+
100% {
|
84 |
+
left: 0;
|
85 |
+
}
|
86 |
+
}
|
87 |
+
|
88 |
+
@-moz-keyframes lg-right-end {
|
89 |
+
0% {
|
90 |
+
left: 0;
|
91 |
+
}
|
92 |
+
50% {
|
93 |
+
left: -30px;
|
94 |
+
}
|
95 |
+
100% {
|
96 |
+
left: 0;
|
97 |
+
}
|
98 |
+
}
|
99 |
+
|
100 |
+
@-ms-keyframes lg-right-end {
|
101 |
+
0% {
|
102 |
+
left: 0;
|
103 |
+
}
|
104 |
+
50% {
|
105 |
+
left: -30px;
|
106 |
+
}
|
107 |
+
100% {
|
108 |
+
left: 0;
|
109 |
+
}
|
110 |
+
}
|
111 |
+
|
112 |
+
@keyframes lg-right-end {
|
113 |
+
0% {
|
114 |
+
left: 0;
|
115 |
+
}
|
116 |
+
50% {
|
117 |
+
left: -30px;
|
118 |
+
}
|
119 |
+
100% {
|
120 |
+
left: 0;
|
121 |
+
}
|
122 |
+
}
|
123 |
+
|
124 |
+
@-webkit-keyframes lg-left-end {
|
125 |
+
0% {
|
126 |
+
left: 0;
|
127 |
+
}
|
128 |
+
50% {
|
129 |
+
left: 30px;
|
130 |
+
}
|
131 |
+
100% {
|
132 |
+
left: 0;
|
133 |
+
}
|
134 |
+
}
|
135 |
+
|
136 |
+
@-moz-keyframes lg-left-end {
|
137 |
+
0% {
|
138 |
+
left: 0;
|
139 |
+
}
|
140 |
+
50% {
|
141 |
+
left: 30px;
|
142 |
+
}
|
143 |
+
100% {
|
144 |
+
left: 0;
|
145 |
+
}
|
146 |
+
}
|
147 |
+
|
148 |
+
@-ms-keyframes lg-left-end {
|
149 |
+
0% {
|
150 |
+
left: 0;
|
151 |
+
}
|
152 |
+
50% {
|
153 |
+
left: 30px;
|
154 |
+
}
|
155 |
+
100% {
|
156 |
+
left: 0;
|
157 |
+
}
|
158 |
+
}
|
159 |
+
|
160 |
+
@keyframes lg-left-end {
|
161 |
+
0% {
|
162 |
+
left: 0;
|
163 |
+
}
|
164 |
+
50% {
|
165 |
+
left: 30px;
|
166 |
+
}
|
167 |
+
100% {
|
168 |
+
left: 0;
|
169 |
+
}
|
170 |
+
}
|
171 |
+
|
172 |
+
.lg-outer.lg-right-end .lg-object {
|
173 |
+
-webkit-animation: lg-right-end 0.3s;
|
174 |
+
-o-animation: lg-right-end 0.3s;
|
175 |
+
animation: lg-right-end 0.3s;
|
176 |
+
position: relative;
|
177 |
+
}
|
178 |
+
|
179 |
+
.lg-outer.lg-left-end .lg-object {
|
180 |
+
-webkit-animation: lg-left-end 0.3s;
|
181 |
+
-o-animation: lg-left-end 0.3s;
|
182 |
+
animation: lg-left-end 0.3s;
|
183 |
+
position: relative;
|
184 |
+
}
|
185 |
+
|
186 |
+
.lg-toolbar {
|
187 |
+
z-index: 1082;
|
188 |
+
left: 0;
|
189 |
+
position: absolute;
|
190 |
+
top: 0;
|
191 |
+
width: 100%;
|
192 |
+
}
|
193 |
+
|
194 |
+
.lg-media-overlap .lg-toolbar {
|
195 |
+
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
|
196 |
+
}
|
197 |
+
|
198 |
+
.lg-toolbar .lg-icon {
|
199 |
+
color: #999;
|
200 |
+
cursor: pointer;
|
201 |
+
float: right;
|
202 |
+
font-size: 24px;
|
203 |
+
height: 47px;
|
204 |
+
line-height: 27px;
|
205 |
+
padding: 10px 0;
|
206 |
+
text-align: center;
|
207 |
+
width: 50px;
|
208 |
+
text-decoration: none !important;
|
209 |
+
outline: medium none;
|
210 |
+
will-change: color;
|
211 |
+
-webkit-transition: color 0.2s linear;
|
212 |
+
-o-transition: color 0.2s linear;
|
213 |
+
transition: color 0.2s linear;
|
214 |
+
background: none;
|
215 |
+
border: none;
|
216 |
+
box-shadow: none;
|
217 |
+
}
|
218 |
+
|
219 |
+
.lg-toolbar .lg-icon.lg-icon-18 {
|
220 |
+
font-size: 18px;
|
221 |
+
}
|
222 |
+
|
223 |
+
.lg-toolbar .lg-icon:hover {
|
224 |
+
color: #fff;
|
225 |
+
}
|
226 |
+
|
227 |
+
.lg-toolbar .lg-close:after {
|
228 |
+
content: '\e070';
|
229 |
+
}
|
230 |
+
|
231 |
+
.lg-toolbar .lg-maximize {
|
232 |
+
font-size: 22px;
|
233 |
+
}
|
234 |
+
|
235 |
+
.lg-toolbar .lg-maximize:after {
|
236 |
+
content: '\e90a';
|
237 |
+
}
|
238 |
+
|
239 |
+
.lg-toolbar .lg-download:after {
|
240 |
+
content: '\e0f2';
|
241 |
+
}
|
242 |
+
|
243 |
+
.lg-sub-html {
|
244 |
+
color: #eee;
|
245 |
+
font-size: 16px;
|
246 |
+
padding: 10px 40px;
|
247 |
+
text-align: center;
|
248 |
+
z-index: 1080;
|
249 |
+
opacity: 0;
|
250 |
+
-webkit-transition: opacity 0.2s ease-out 0s;
|
251 |
+
-o-transition: opacity 0.2s ease-out 0s;
|
252 |
+
transition: opacity 0.2s ease-out 0s;
|
253 |
+
}
|
254 |
+
|
255 |
+
.lg-sub-html h4 {
|
256 |
+
margin: 0;
|
257 |
+
font-size: 13px;
|
258 |
+
font-weight: bold;
|
259 |
+
}
|
260 |
+
|
261 |
+
.lg-sub-html p {
|
262 |
+
font-size: 12px;
|
263 |
+
margin: 5px 0 0;
|
264 |
+
}
|
265 |
+
|
266 |
+
.lg-sub-html a {
|
267 |
+
color: inherit;
|
268 |
+
}
|
269 |
+
|
270 |
+
.lg-sub-html a:hover {
|
271 |
+
text-decoration: underline;
|
272 |
+
}
|
273 |
+
|
274 |
+
.lg-media-overlap .lg-sub-html {
|
275 |
+
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
|
276 |
+
}
|
277 |
+
|
278 |
+
.lg-item .lg-sub-html {
|
279 |
+
position: absolute;
|
280 |
+
bottom: 0;
|
281 |
+
right: 0;
|
282 |
+
left: 0;
|
283 |
+
}
|
284 |
+
|
285 |
+
.lg-error-msg {
|
286 |
+
font-size: 14px;
|
287 |
+
color: #999;
|
288 |
+
}
|
289 |
+
|
290 |
+
.lg-counter {
|
291 |
+
color: #999;
|
292 |
+
display: inline-block;
|
293 |
+
font-size: 16px;
|
294 |
+
padding-left: 20px;
|
295 |
+
padding-top: 12px;
|
296 |
+
height: 47px;
|
297 |
+
vertical-align: middle;
|
298 |
+
}
|
299 |
+
|
300 |
+
.lg-closing .lg-toolbar,
|
301 |
+
.lg-closing .lg-prev,
|
302 |
+
.lg-closing .lg-next,
|
303 |
+
.lg-closing .lg-sub-html {
|
304 |
+
opacity: 0;
|
305 |
+
-webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
306 |
+
-moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
307 |
+
-o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
308 |
+
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
309 |
+
}
|
310 |
+
|
311 |
+
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
|
312 |
+
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
|
313 |
+
opacity: 0;
|
314 |
+
-moz-transform: scale3d(0.5, 0.5, 0.5);
|
315 |
+
-o-transform: scale3d(0.5, 0.5, 0.5);
|
316 |
+
-ms-transform: scale3d(0.5, 0.5, 0.5);
|
317 |
+
-webkit-transform: scale3d(0.5, 0.5, 0.5);
|
318 |
+
transform: scale3d(0.5, 0.5, 0.5);
|
319 |
+
will-change: transform, opacity;
|
320 |
+
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
321 |
+
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
322 |
+
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
323 |
+
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
324 |
+
}
|
325 |
+
|
326 |
+
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
|
327 |
+
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
|
328 |
+
opacity: 1;
|
329 |
+
-moz-transform: scale3d(1, 1, 1);
|
330 |
+
-o-transform: scale3d(1, 1, 1);
|
331 |
+
-ms-transform: scale3d(1, 1, 1);
|
332 |
+
-webkit-transform: scale3d(1, 1, 1);
|
333 |
+
transform: scale3d(1, 1, 1);
|
334 |
+
}
|
335 |
+
|
336 |
+
.lg-icon:focus-visible {
|
337 |
+
color: #fff;
|
338 |
+
border-radius: 3px;
|
339 |
+
outline: 1px dashed rgba(255, 255, 255, 0.6);
|
340 |
+
}
|
341 |
+
|
342 |
+
.lg-toolbar .lg-icon:focus-visible {
|
343 |
+
border-radius: 8px;
|
344 |
+
outline-offset: -5px;
|
345 |
+
}
|
346 |
+
|
347 |
+
.lg-group:after {
|
348 |
+
content: '';
|
349 |
+
display: table;
|
350 |
+
clear: both;
|
351 |
+
}
|
352 |
+
|
353 |
+
.lg-container {
|
354 |
+
display: none;
|
355 |
+
outline: none;
|
356 |
+
}
|
357 |
+
|
358 |
+
.lg-container.lg-show {
|
359 |
+
display: block;
|
360 |
+
}
|
361 |
+
|
362 |
+
.lg-on {
|
363 |
+
scroll-behavior: unset;
|
364 |
+
}
|
365 |
+
|
366 |
+
.lg-overlay-open {
|
367 |
+
overflow: hidden;
|
368 |
+
}
|
369 |
+
|
370 |
+
.lg-toolbar,
|
371 |
+
.lg-prev,
|
372 |
+
.lg-next,
|
373 |
+
.lg-pager-outer,
|
374 |
+
.lg-hide-sub-html .lg-sub-html {
|
375 |
+
opacity: 0;
|
376 |
+
will-change: transform, opacity;
|
377 |
+
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
378 |
+
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
379 |
+
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
380 |
+
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
381 |
+
}
|
382 |
+
|
383 |
+
.lg-show-in .lg-toolbar,
|
384 |
+
.lg-show-in .lg-prev,
|
385 |
+
.lg-show-in .lg-next,
|
386 |
+
.lg-show-in .lg-pager-outer {
|
387 |
+
opacity: 1;
|
388 |
+
}
|
389 |
+
|
390 |
+
.lg-show-in.lg-hide-sub-html .lg-sub-html {
|
391 |
+
opacity: 1;
|
392 |
+
}
|
393 |
+
|
394 |
+
.lg-show-in .lg-hide-items .lg-prev {
|
395 |
+
opacity: 0;
|
396 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
397 |
+
transform: translate3d(-10px, 0, 0);
|
398 |
+
}
|
399 |
+
|
400 |
+
.lg-show-in .lg-hide-items .lg-next {
|
401 |
+
opacity: 0;
|
402 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
403 |
+
transform: translate3d(10px, 0, 0);
|
404 |
+
}
|
405 |
+
|
406 |
+
.lg-show-in .lg-hide-items .lg-toolbar {
|
407 |
+
opacity: 0;
|
408 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
409 |
+
transform: translate3d(0, -10px, 0);
|
410 |
+
}
|
411 |
+
|
412 |
+
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
|
413 |
+
opacity: 0;
|
414 |
+
-webkit-transform: translate3d(0, 20px, 0);
|
415 |
+
transform: translate3d(0, 20px, 0);
|
416 |
+
}
|
417 |
+
|
418 |
+
.lg-outer {
|
419 |
+
width: 100%;
|
420 |
+
height: 100%;
|
421 |
+
position: fixed;
|
422 |
+
top: 0;
|
423 |
+
left: 0;
|
424 |
+
z-index: 1050;
|
425 |
+
text-align: left;
|
426 |
+
opacity: 0.001;
|
427 |
+
outline: none;
|
428 |
+
will-change: auto;
|
429 |
+
overflow: hidden;
|
430 |
+
-webkit-transition: opacity 0.15s ease 0s;
|
431 |
+
-o-transition: opacity 0.15s ease 0s;
|
432 |
+
transition: opacity 0.15s ease 0s;
|
433 |
+
}
|
434 |
+
|
435 |
+
.lg-outer * {
|
436 |
+
-webkit-box-sizing: border-box;
|
437 |
+
-moz-box-sizing: border-box;
|
438 |
+
box-sizing: border-box;
|
439 |
+
}
|
440 |
+
|
441 |
+
.lg-outer.lg-zoom-from-image {
|
442 |
+
opacity: 1;
|
443 |
+
}
|
444 |
+
|
445 |
+
.lg-outer.lg-visible {
|
446 |
+
opacity: 1;
|
447 |
+
}
|
448 |
+
|
449 |
+
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
|
450 |
+
-webkit-transition-duration: inherit !important;
|
451 |
+
transition-duration: inherit !important;
|
452 |
+
-webkit-transition-timing-function: inherit !important;
|
453 |
+
transition-timing-function: inherit !important;
|
454 |
+
}
|
455 |
+
|
456 |
+
.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 {
|
457 |
+
-webkit-transition-duration: 0s !important;
|
458 |
+
transition-duration: 0s !important;
|
459 |
+
opacity: 1;
|
460 |
+
}
|
461 |
+
|
462 |
+
.lg-outer.lg-grab img.lg-object {
|
463 |
+
cursor: -webkit-grab;
|
464 |
+
cursor: -moz-grab;
|
465 |
+
cursor: -o-grab;
|
466 |
+
cursor: -ms-grab;
|
467 |
+
cursor: grab;
|
468 |
+
}
|
469 |
+
|
470 |
+
.lg-outer.lg-grabbing img.lg-object {
|
471 |
+
cursor: move;
|
472 |
+
cursor: -webkit-grabbing;
|
473 |
+
cursor: -moz-grabbing;
|
474 |
+
cursor: -o-grabbing;
|
475 |
+
cursor: -ms-grabbing;
|
476 |
+
cursor: grabbing;
|
477 |
+
}
|
478 |
+
|
479 |
+
.lg-outer .lg-content {
|
480 |
+
position: absolute;
|
481 |
+
top: 0;
|
482 |
+
left: 0;
|
483 |
+
right: 0;
|
484 |
+
bottom: 0;
|
485 |
+
}
|
486 |
+
|
487 |
+
.lg-outer .lg-inner {
|
488 |
+
width: 100%;
|
489 |
+
position: absolute;
|
490 |
+
left: 0;
|
491 |
+
top: 0;
|
492 |
+
bottom: 0;
|
493 |
+
-webkit-transition: opacity 0s;
|
494 |
+
-o-transition: opacity 0s;
|
495 |
+
transition: opacity 0s;
|
496 |
+
white-space: nowrap;
|
497 |
+
}
|
498 |
+
|
499 |
+
.lg-outer .lg-item {
|
500 |
+
display: none !important;
|
501 |
+
}
|
502 |
+
|
503 |
+
.lg-outer .lg-item:not(.lg-start-end-progress) {
|
504 |
+
background: url("../images/loading.gif") no-repeat scroll center center transparent;
|
505 |
+
}
|
506 |
+
|
507 |
+
.lg-outer.lg-css3 .lg-prev-slide,
|
508 |
+
.lg-outer.lg-css3 .lg-current,
|
509 |
+
.lg-outer.lg-css3 .lg-next-slide {
|
510 |
+
display: inline-block !important;
|
511 |
+
}
|
512 |
+
|
513 |
+
.lg-outer.lg-css .lg-current {
|
514 |
+
display: inline-block !important;
|
515 |
+
}
|
516 |
+
|
517 |
+
.lg-outer .lg-item,
|
518 |
+
.lg-outer .lg-img-wrap {
|
519 |
+
display: inline-block;
|
520 |
+
text-align: center;
|
521 |
+
position: absolute;
|
522 |
+
width: 100%;
|
523 |
+
height: 100%;
|
524 |
+
}
|
525 |
+
|
526 |
+
.lg-outer .lg-item:before,
|
527 |
+
.lg-outer .lg-img-wrap:before {
|
528 |
+
content: '';
|
529 |
+
display: inline-block;
|
530 |
+
height: 100%;
|
531 |
+
vertical-align: middle;
|
532 |
+
}
|
533 |
+
|
534 |
+
.lg-outer .lg-img-wrap {
|
535 |
+
position: absolute;
|
536 |
+
left: 0;
|
537 |
+
right: 0;
|
538 |
+
top: 0;
|
539 |
+
bottom: 0;
|
540 |
+
white-space: nowrap;
|
541 |
+
font-size: 0;
|
542 |
+
}
|
543 |
+
|
544 |
+
.lg-outer .lg-item.lg-complete {
|
545 |
+
background-image: none;
|
546 |
+
}
|
547 |
+
|
548 |
+
.lg-outer .lg-item.lg-current {
|
549 |
+
z-index: 1060;
|
550 |
+
}
|
551 |
+
|
552 |
+
.lg-outer .lg-object {
|
553 |
+
display: inline-block;
|
554 |
+
vertical-align: middle;
|
555 |
+
max-width: 100%;
|
556 |
+
max-height: 100%;
|
557 |
+
width: auto;
|
558 |
+
height: auto;
|
559 |
+
position: relative;
|
560 |
+
}
|
561 |
+
|
562 |
+
.lg-outer .lg-empty-html.lg-sub-html,
|
563 |
+
.lg-outer .lg-empty-html .lg-sub-html {
|
564 |
+
display: none;
|
565 |
+
}
|
566 |
+
|
567 |
+
.lg-outer.lg-hide-download .lg-download {
|
568 |
+
opacity: 0.75;
|
569 |
+
pointer-events: none;
|
570 |
+
}
|
571 |
+
|
572 |
+
.lg-outer .lg-first-slide .lg-dummy-img {
|
573 |
+
position: absolute;
|
574 |
+
top: 50%;
|
575 |
+
left: 50%;
|
576 |
+
}
|
577 |
+
|
578 |
+
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
|
579 |
+
-webkit-transform: translate3d(0, 0%, 0);
|
580 |
+
transform: translate3d(0, 0%, 0);
|
581 |
+
opacity: 1;
|
582 |
+
}
|
583 |
+
|
584 |
+
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
|
585 |
+
opacity: 1;
|
586 |
+
transition: opacity 0.2s ease-out 0.15s;
|
587 |
+
}
|
588 |
+
|
589 |
+
.lg-backdrop {
|
590 |
+
position: fixed;
|
591 |
+
top: 0;
|
592 |
+
left: 0;
|
593 |
+
right: 0;
|
594 |
+
bottom: 0;
|
595 |
+
z-index: 1040;
|
596 |
+
background-color: #000;
|
597 |
+
opacity: 0;
|
598 |
+
will-change: auto;
|
599 |
+
-webkit-transition: opacity 333ms ease-in 0s;
|
600 |
+
-o-transition: opacity 333ms ease-in 0s;
|
601 |
+
transition: opacity 333ms ease-in 0s;
|
602 |
+
}
|
603 |
+
|
604 |
+
.lg-backdrop.in {
|
605 |
+
opacity: 1;
|
606 |
+
}
|
607 |
+
|
608 |
+
.lg-css3.lg-no-trans .lg-prev-slide,
|
609 |
+
.lg-css3.lg-no-trans .lg-next-slide,
|
610 |
+
.lg-css3.lg-no-trans .lg-current {
|
611 |
+
-webkit-transition: none 0s ease 0s !important;
|
612 |
+
-moz-transition: none 0s ease 0s !important;
|
613 |
+
-o-transition: none 0s ease 0s !important;
|
614 |
+
transition: none 0s ease 0s !important;
|
615 |
+
}
|
616 |
+
|
617 |
+
.lg-css3.lg-use-css3 .lg-item {
|
618 |
+
-webkit-backface-visibility: hidden;
|
619 |
+
-moz-backface-visibility: hidden;
|
620 |
+
backface-visibility: hidden;
|
621 |
+
}
|
622 |
+
|
623 |
+
.lg-css3.lg-fade .lg-item {
|
624 |
+
opacity: 0;
|
625 |
+
}
|
626 |
+
|
627 |
+
.lg-css3.lg-fade .lg-item.lg-current {
|
628 |
+
opacity: 1;
|
629 |
+
}
|
630 |
+
|
631 |
+
.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 {
|
632 |
+
-webkit-transition: opacity 0.1s ease 0s;
|
633 |
+
-moz-transition: opacity 0.1s ease 0s;
|
634 |
+
-o-transition: opacity 0.1s ease 0s;
|
635 |
+
transition: opacity 0.1s ease 0s;
|
636 |
+
}
|
637 |
+
|
638 |
+
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
|
639 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
640 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
641 |
+
-o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
642 |
+
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
643 |
+
}
|
644 |
+
|
645 |
+
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
|
646 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
647 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
648 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
649 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
650 |
+
}
|
651 |
+
|
652 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
653 |
+
opacity: 0;
|
654 |
+
}
|
655 |
+
|
656 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
657 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
658 |
+
transform: translate3d(-100%, 0, 0);
|
659 |
+
}
|
660 |
+
|
661 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
662 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
663 |
+
transform: translate3d(100%, 0, 0);
|
664 |
+
}
|
665 |
+
|
666 |
+
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
667 |
+
-webkit-transform: translate3d(0, 0, 0);
|
668 |
+
transform: translate3d(0, 0, 0);
|
669 |
+
opacity: 1;
|
670 |
+
}
|
671 |
+
|
672 |
+
.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 {
|
673 |
+
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
674 |
+
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
675 |
+
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
676 |
+
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
677 |
+
}
|
678 |
+
|
679 |
+
.lg-container {
|
680 |
+
display: none;
|
681 |
+
}
|
682 |
+
|
683 |
+
.lg-container.lg-show {
|
684 |
+
display: block;
|
685 |
+
}
|
686 |
+
|
687 |
+
.lg-container.lg-dragging-vertical .lg-backdrop {
|
688 |
+
-webkit-transition-duration: 0s !important;
|
689 |
+
transition-duration: 0s !important;
|
690 |
+
}
|
691 |
+
|
692 |
+
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
|
693 |
+
-webkit-transition-duration: 0s !important;
|
694 |
+
transition-duration: 0s !important;
|
695 |
+
opacity: 1;
|
696 |
+
}
|
697 |
+
|
698 |
+
.lg-inline .lg-backdrop,
|
699 |
+
.lg-inline .lg-outer {
|
700 |
+
position: absolute;
|
701 |
+
}
|
702 |
+
|
703 |
+
.lg-inline .lg-backdrop {
|
704 |
+
z-index: 1;
|
705 |
+
}
|
706 |
+
|
707 |
+
.lg-inline .lg-outer {
|
708 |
+
z-index: 2;
|
709 |
+
}
|
710 |
+
|
711 |
+
.lg-inline .lg-maximize:after {
|
712 |
+
content: '\e909';
|
713 |
+
}
|
714 |
+
|
715 |
+
.lg-components {
|
716 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
717 |
+
transform: translate3d(0, 100%, 0);
|
718 |
+
will-change: transform;
|
719 |
+
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
|
720 |
+
-moz-transition: -moz-transform 0.35s ease-out 0s;
|
721 |
+
-o-transition: -o-transform 0.35s ease-out 0s;
|
722 |
+
transition: transform 0.35s ease-out 0s;
|
723 |
+
z-index: 1080;
|
724 |
+
position: absolute;
|
725 |
+
bottom: 0;
|
726 |
+
right: 0;
|
727 |
+
left: 0;
|
728 |
+
}
|
lightgallery/fonts/lg.svg
ADDED
@@ -0,0 +1,54 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0" standalone="no"?>
|
2 |
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
3 |
+
<svg xmlns="http://www.w3.org/2000/svg">
|
4 |
+
<metadata>
|
5 |
+
<json>
|
6 |
+
<![CDATA[
|
7 |
+
{
|
8 |
+
"fontFamily": "lg",
|
9 |
+
"majorVersion": 2,
|
10 |
+
"minorVersion": 0,
|
11 |
+
"fontURL": "",
|
12 |
+
"copyright": "",
|
13 |
+
"license": "",
|
14 |
+
"licenseURL": "",
|
15 |
+
"description": "Font generated by IcoMoon.",
|
16 |
+
"version": "Version 2.0",
|
17 |
+
"fontId": "lg",
|
18 |
+
"psName": "lg",
|
19 |
+
"subFamily": "Regular",
|
20 |
+
"fullName": "lg"
|
21 |
+
}
|
22 |
+
]]>
|
23 |
+
</json>
|
24 |
+
</metadata>
|
25 |
+
<defs>
|
26 |
+
<font id="lg" horiz-adv-x="1024">
|
27 |
+
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
28 |
+
<missing-glyph horiz-adv-x="1024" />
|
29 |
+
<glyph unicode=" " horiz-adv-x="512" d="" />
|
30 |
+
<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" />
|
31 |
+
<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" />
|
32 |
+
<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" />
|
33 |
+
<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" />
|
34 |
+
<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" />
|
35 |
+
<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" />
|
36 |
+
<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" />
|
37 |
+
<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" />
|
38 |
+
<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" />
|
39 |
+
<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" />
|
40 |
+
<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" />
|
41 |
+
<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" />
|
42 |
+
<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" />
|
43 |
+
<glyph unicode="" glyph-name="rotate_left" data-tags="rotate_left" d="M554 764.667q126-16 213-112t87-226-87-226-213-112v86q92 16 153 87t61 165-61 165-153 87v-166l-194 190 194 194v-132zM302 156.667l62 62q46-34 106-44v-86q-96 12-168 68zM260 384.667q10-58 42-106l-60-60q-56 74-68 166h86zM304 574.667q-36-52-44-106h-86q12 90 70 166z" />
|
44 |
+
<glyph unicode="" glyph-name="rotate_right" data-tags="rotate_right" d="M720 278.667q34 46 44 106h86q-12-92-68-166zM554 174.667q60 10 106 44l62-62q-72-56-168-68v86zM850 468.667h-86q-10 60-44 106l62 60q58-72 68-166zM664 702.667l-194-190v166q-92-16-153-87t-61-165 61-165 153-87v-86q-126 16-213 112t-87 226 87 226 213 112v132z" />
|
45 |
+
<glyph unicode="" glyph-name="swap_horiz" data-tags="swap_horiz" d="M896 554.667l-170-170v128h-300v84h300v128zM298 468.667v-128h300v-84h-300v-128l-170 170z" />
|
46 |
+
<glyph unicode="" glyph-name="swap_vert" data-tags="swap_vert" d="M384 810.667l170-170h-128v-300h-84v300h-128zM682 212.667h128l-170-170-170 170h128v300h84v-300z" />
|
47 |
+
<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" />
|
48 |
+
<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" />
|
49 |
+
<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" />
|
50 |
+
<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" />
|
51 |
+
<glyph unicode="" glyph-name="message-circle" data-tags="message-circle" d="M938.667 448.128v21.205c0 0.725-0.043 1.621-0.085 2.475-5.803 99.755-47.488 190.336-112.725 258.176-68.352 71.125-162.731 117.419-268.843 123.264-0.683 0.043-1.536 0.085-2.347 0.085h-20.864c-59.947 0.683-122.965-13.227-181.931-43.008-52.181-26.496-97.749-63.488-133.931-108.16-56.405-69.717-89.899-158.080-89.941-253.696-0.597-54.4 10.795-111.36 35.157-165.419l-75.605-226.859c-2.816-8.363-3.072-17.835 0-26.965 7.467-22.357 31.616-34.432 53.973-26.965l226.731 75.563c49.493-22.485 105.984-35.243 165.376-35.115 58.539 0.384 115.797 13.141 168.149 36.949 81.579 37.163 151.040 101.248 193.749 186.667 27.477 53.291 43.307 115.84 43.136 181.803zM853.333 447.872c0.128-52.267-12.459-101.333-33.664-142.464-34.176-68.352-88.832-118.827-153.259-148.139-41.387-18.859-86.827-28.971-133.376-29.269-52.096-0.128-101.163 12.459-142.293 33.664-10.624 5.504-22.528 6.059-33.067 2.56l-162.261-54.101 54.101 162.261c3.755 11.221 2.56 22.912-2.389 32.725-23.552 46.677-34.304 96.171-33.792 142.421 0.043 76.331 26.411 145.92 70.955 200.917 28.629 35.371 64.768 64.725 106.24 85.76 46.592 23.552 96.085 34.304 142.336 33.792h19.456c83.712-4.565 158.037-41.003 212.011-97.152 51.285-53.376 84.139-124.416 89.003-202.795z" />
|
52 |
+
<glyph unicode="" glyph-name="maximize-2" data-tags="maximize-2" d="M793.003 768l-225.835-225.835c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0l225.835 225.835v-153.003c0-23.552 19.115-42.667 42.667-42.667s42.667 19.115 42.667 42.667v256c0 5.803-1.152 11.307-3.243 16.341s-5.163 9.728-9.216 13.781c-0.043 0.043-0.043 0.043-0.085 0.085-3.925 3.925-8.619 7.083-13.781 9.216-5.035 2.091-10.539 3.243-16.341 3.243h-256c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667zM230.997 85.334l225.835 225.835c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-225.835-225.835v153.003c0 23.552-19.115 42.667-42.667 42.667s-42.667-19.115-42.667-42.667v-256c0-23.552 19.115-42.667 42.667-42.667h256c23.552 0 42.667 19.115 42.667 42.667s-19.115 42.667-42.667 42.667z" />
|
53 |
+
<glyph unicode="" glyph-name="minimize-2" data-tags="minimize-2" d="M700.331 554.667l225.835 225.835c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-225.835-225.835v153.003c0 23.552-19.115 42.667-42.667 42.667s-42.667-19.115-42.667-42.667v-256c0-5.803 1.152-11.307 3.243-16.341s5.163-9.728 9.216-13.781c0.043-0.043 0.043-0.043 0.085-0.085 3.925-3.925 8.619-7.083 13.781-9.216 5.035-2.091 10.539-3.243 16.341-3.243h256c23.552 0 42.667 19.115 42.667 42.667s-19.115 42.667-42.667 42.667zM158.165 12.502l225.835 225.835v-153.003c0-23.552 19.115-42.667 42.667-42.667s42.667 19.115 42.667 42.667v256c0 5.803-1.152 11.307-3.243 16.341s-5.163 9.728-9.216 13.781c-0.043 0.043-0.043 0.043-0.085 0.085-4.096 4.053-8.789 7.125-13.781 9.216-5.035 2.091-10.539 3.243-16.341 3.243h-256c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667h153.003l-225.835-225.835c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0z" />
|
54 |
+
</font></defs></svg>
|
lightgallery/fonts/lg.ttf
ADDED
Binary file
|
lightgallery/fonts/lg.woff
ADDED
Binary file
|
lightgallery/fonts/lg.woff2
ADDED
Binary file
|
lightgallery/images/loading.gif
ADDED
Binary file
|
lightgallery/lightgallery.min.js
ADDED
@@ -0,0 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*!
|
2 |
+
* lightgallery | 2.5.0 | June 13th 2022
|
3 |
+
* http://www.lightgalleryjs.com/
|
4 |
+
* Copyright (c) 2020 Sachin Neravath;
|
5 |
+
* @license GPLv3
|
6 |
+
*/
|
7 |
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).lightGallery=e()}(this,(function(){"use strict";
|
8 |
+
/*! *****************************************************************************
|
9 |
+
Copyright (c) Microsoft Corporation.
|
10 |
+
|
11 |
+
Permission to use, copy, modify, and/or distribute this software for any
|
12 |
+
purpose with or without fee is hereby granted.
|
13 |
+
|
14 |
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
15 |
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
16 |
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
17 |
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
18 |
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
19 |
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
20 |
+
PERFORMANCE OF THIS SOFTWARE.
|
21 |
+
***************************************************************************** */var t=function(){return t=Object.assign||function(t){for(var e,i=1,s=arguments.length;i<s;i++)for(var n in e=arguments[i])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},t.apply(this,arguments)};var e="lgAfterAppendSlide",i="lgInit",s="lgHasVideo",n="lgContainerResize",o="lgUpdateSlides",r="lgAfterAppendSubHtml",l="lgBeforeOpen",a="lgAfterOpen",d="lgSlideItemLoad",g="lgBeforeSlide",h="lgAfterSlide",c="lgPosterClick",u="lgDragStart",m="lgDragMove",p="lgDragEnd",f="lgBeforeNextSlide",y="lgBeforePrevSlide",v="lgBeforeClose",b="lgAfterClose",I={mode:"lg-slide",easing:"ease",speed:400,licenseKey:"0000-0000-000-0000",height:"100%",width:"100%",addClass:"",startClass:"lg-start-zoom",backdropDuration:300,container:"",startAnimationDuration:400,zoomFromOrigin:!0,hideBarsDelay:0,showBarsAfter:1e4,slideDelay:0,supportLegacyBrowser:!0,allowMediaOverlap:!1,videoMaxSize:"1280-720",loadYouTubePoster:!0,defaultCaptionHeight:0,ariaLabelledby:"",ariaDescribedby:"",resetScrollPosition:!0,hideScrollbar:!1,closable:!0,swipeToClose:!0,closeOnTap:!0,showCloseIcon:!0,showMaximizeIcon:!1,loop:!0,escKey:!0,keyPress:!0,trapFocus:!0,controls:!0,slideEndAnimation:!0,hideControlOnEnd:!1,mousewheel:!1,getCaptionFromTitleOrAlt:!0,appendSubHtmlTo:".lg-sub-html",subHtmlSelectorRelative:!1,preload:2,numberOfSlideItemsInDom:10,selector:"",selectWithin:"",nextHtml:"",prevHtml:"",index:0,iframeWidth:"100%",iframeHeight:"100%",iframeMaxWidth:"100%",iframeMaxHeight:"100%",download:!0,counter:!0,appendCounterTo:".lg-toolbar",swipeThreshold:50,enableSwipe:!0,enableDrag:!0,dynamic:!1,dynamicEl:[],extraProps:[],exThumbImage:"",isMobile:void 0,mobileSettings:{controls:!1,showCloseIcon:!1,download:!1},plugins:[],strings:{closeGallery:"Close gallery",toggleMaximize:"Toggle maximize",previousSlide:"Previous slide",nextSlide:"Next slide",download:"Download",playVideo:"Play video"}};var C=function(){function t(t){return this.cssVenderPrefixes=["TransitionDuration","TransitionTimingFunction","Transform","Transition"],this.selector=this._getSelector(t),this.firstElement=this._getFirstEl(),this}return t.generateUUID=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)}))},t.prototype._getSelector=function(t,e){return void 0===e&&(e=document),"string"!=typeof t?t:(e=e||document,"#"===t.substring(0,1)?e.querySelector(t):e.querySelectorAll(t))},t.prototype._each=function(t){return this.selector?(void 0!==this.selector.length?[].forEach.call(this.selector,t):t(this.selector,0),this):this},t.prototype._setCssVendorPrefix=function(t,e,i){var s=e.replace(/-([a-z])/gi,(function(t,e){return e.toUpperCase()}));-1!==this.cssVenderPrefixes.indexOf(s)?(t.style[s.charAt(0).toLowerCase()+s.slice(1)]=i,t.style["webkit"+s]=i,t.style["moz"+s]=i,t.style["ms"+s]=i,t.style["o"+s]=i):t.style[s]=i},t.prototype._getFirstEl=function(){return this.selector&&void 0!==this.selector.length?this.selector[0]:this.selector},t.prototype.isEventMatched=function(t,e){var i=e.split(".");return t.split(".").filter((function(t){return t})).every((function(t){return-1!==i.indexOf(t)}))},t.prototype.attr=function(t,e){return void 0===e?this.firstElement?this.firstElement.getAttribute(t):"":(this._each((function(i){i.setAttribute(t,e)})),this)},t.prototype.find=function(t){return x(this._getSelector(t,this.selector))},t.prototype.first=function(){return this.selector&&void 0!==this.selector.length?x(this.selector[0]):x(this.selector)},t.prototype.eq=function(t){return x(this.selector[t])},t.prototype.parent=function(){return x(this.selector.parentElement)},t.prototype.get=function(){return this._getFirstEl()},t.prototype.removeAttr=function(t){var e=t.split(" ");return this._each((function(t){e.forEach((function(e){return t.removeAttribute(e)}))})),this},t.prototype.wrap=function(t){if(!this.firstElement)return this;var e=document.createElement("div");return e.className=t,this.firstElement.parentNode.insertBefore(e,this.firstElement),this.firstElement.parentNode.removeChild(this.firstElement),e.appendChild(this.firstElement),this},t.prototype.addClass=function(t){return void 0===t&&(t=""),this._each((function(e){t.split(" ").forEach((function(t){t&&e.classList.add(t)}))})),this},t.prototype.removeClass=function(t){return this._each((function(e){t.split(" ").forEach((function(t){t&&e.classList.remove(t)}))})),this},t.prototype.hasClass=function(t){return!!this.firstElement&&this.firstElement.classList.contains(t)},t.prototype.hasAttribute=function(t){return!!this.firstElement&&this.firstElement.hasAttribute(t)},t.prototype.toggleClass=function(t){return this.firstElement?(this.hasClass(t)?this.removeClass(t):this.addClass(t),this):this},t.prototype.css=function(t,e){var i=this;return this._each((function(s){i._setCssVendorPrefix(s,t,e)})),this},t.prototype.on=function(e,i){var s=this;return this.selector?(e.split(" ").forEach((function(e){Array.isArray(t.eventListeners[e])||(t.eventListeners[e]=[]),t.eventListeners[e].push(i),s.selector.addEventListener(e.split(".")[0],i)})),this):this},t.prototype.once=function(t,e){var i=this;return this.on(t,(function(){i.off(t),e(t)})),this},t.prototype.off=function(e){var i=this;return this.selector?(Object.keys(t.eventListeners).forEach((function(s){i.isEventMatched(e,s)&&(t.eventListeners[s].forEach((function(t){i.selector.removeEventListener(s.split(".")[0],t)})),t.eventListeners[s]=[])})),this):this},t.prototype.trigger=function(t,e){if(!this.firstElement)return this;var i=new CustomEvent(t.split(".")[0],{detail:e||null});return this.firstElement.dispatchEvent(i),this},t.prototype.load=function(t){var e=this;return fetch(t).then((function(t){return t.text()})).then((function(t){e.selector.innerHTML=t})),this},t.prototype.html=function(t){return void 0===t?this.firstElement?this.firstElement.innerHTML:"":(this._each((function(e){e.innerHTML=t})),this)},t.prototype.append=function(t){return this._each((function(e){"string"==typeof t?e.insertAdjacentHTML("beforeend",t):e.appendChild(t)})),this},t.prototype.prepend=function(t){return this._each((function(e){e.insertAdjacentHTML("afterbegin",t)})),this},t.prototype.remove=function(){return this._each((function(t){t.parentNode.removeChild(t)})),this},t.prototype.empty=function(){return this._each((function(t){t.innerHTML=""})),this},t.prototype.scrollTop=function(t){return void 0!==t?(document.body.scrollTop=t,document.documentElement.scrollTop=t,this):window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0},t.prototype.scrollLeft=function(t){return void 0!==t?(document.body.scrollLeft=t,document.documentElement.scrollLeft=t,this):window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0},t.prototype.offset=function(){if(!this.firstElement)return{left:0,top:0};var t=this.firstElement.getBoundingClientRect(),e=x("body").style().marginLeft;return{left:t.left-parseFloat(e)+this.scrollLeft(),top:t.top+this.scrollTop()}},t.prototype.style=function(){return this.firstElement?this.firstElement.currentStyle||window.getComputedStyle(this.firstElement):{}},t.prototype.width=function(){var t=this.style();return this.firstElement.clientWidth-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)},t.prototype.height=function(){var t=this.style();return this.firstElement.clientHeight-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)},t.eventListeners={},t}();function x(t){return function(){if("function"==typeof window.CustomEvent)return!1;window.CustomEvent=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:null};var i=document.createEvent("CustomEvent");return i.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),i}}(),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),new C(t)}var w=["src","sources","subHtml","subHtmlUrl","html","video","poster","slideName","responsive","srcset","sizes","iframe","downloadUrl","download","width","facebookShareUrl","tweetText","iframeTitle","twitterShareUrl","pinterestShareUrl","pinterestText","fbHtml","disqusIdentifier","disqusUrl"];function S(t){return"href"===t?"src":t=(t=(t=t.replace("data-","")).charAt(0).toLowerCase()+t.slice(1)).replace(/-([a-z])/g,(function(t){return t[1].toUpperCase()}))}var T=function(t,e,i,s){void 0===i&&(i=0);var n=x(t).attr("data-lg-size")||s;if(n){var o=n.split(",");if(o[1])for(var r=window.innerWidth,l=0;l<o.length;l++){var a=o[l];if(parseInt(a.split("-")[2],10)>r){n=a;break}l===o.length-1&&(n=a)}var d=n.split("-"),g=parseInt(d[0],10),h=parseInt(d[1],10),c=e.width(),u=e.height()-i,m=Math.min(c,g),p=Math.min(u,h),f=Math.min(m/g,p/h);return{width:g*f,height:h*f}}},E=function(t,e,i,s,n){if(n){var o=x(t).find("img").first();if(o.get()){var r=e.get().getBoundingClientRect(),l=r.width,a=e.height()-(i+s),d=o.width(),g=o.height(),h=o.style(),c=(l-d)/2-o.offset().left+(parseFloat(h.paddingLeft)||0)+(parseFloat(h.borderLeft)||0)+x(window).scrollLeft()+r.left,u=(a-g)/2-o.offset().top+(parseFloat(h.paddingTop)||0)+(parseFloat(h.borderTop)||0)+x(window).scrollTop()+i;return"translate3d("+(c*=-1)+"px, "+(u*=-1)+"px, 0) scale3d("+d/n.width+", "+g/n.height+", 1)"}}},O=function(t,e,i,s,n,o){return'<div class="lg-video-cont lg-has-iframe" style="width:'+t+"; max-width:"+i+"; height: "+e+"; max-height:"+s+'">\n <iframe class="lg-object" frameborder="0" '+(o?'title="'+o+'"':"")+' src="'+n+'" allowfullscreen="true"></iframe>\n </div>'},D=function(t,e,i,s,n,o){var r="<img "+i+" "+(s?'srcset="'+s+'"':"")+" "+(n?'sizes="'+n+'"':"")+' class="lg-object lg-image" data-index="'+t+'" src="'+e+'" />',l="";o&&(l=("string"==typeof o?JSON.parse(o):o).map((function(t){var e="";return Object.keys(t).forEach((function(i){e+=" "+i+'="'+t[i]+'"'})),"<source "+e+"></source>"})));return""+l+r},L=function(t){for(var e=[],i=[],s="",n=0;n<t.length;n++){var o=t[n].split(" ");""===o[0]&&o.splice(0,1),i.push(o[0]),e.push(o[1])}for(var r=window.innerWidth,l=0;l<e.length;l++)if(parseInt(e[l],10)>r){s=i[l];break}return s},z=function(t){return!!t&&(!!t.complete&&0!==t.naturalWidth)},M=function(t,e,i,s,n){return'<div class="lg-video-cont '+(n&&n.youtube?"lg-has-youtube":n&&n.vimeo?"lg-has-vimeo":"lg-has-html5")+'" style="'+i+'">\n <div class="lg-video-play-button">\n <svg\n viewBox="0 0 20 20"\n preserveAspectRatio="xMidYMid"\n focusable="false"\n aria-labelledby="'+s+'"\n role="img"\n class="lg-video-play-icon"\n >\n <title>'+s+'</title>\n <polygon class="lg-video-play-icon-inner" points="1,0 20,10 1,20"></polygon>\n </svg>\n <svg class="lg-video-play-icon-bg" viewBox="0 0 50 50" focusable="false">\n <circle cx="50%" cy="50%" r="20"></circle></svg>\n <svg class="lg-video-play-icon-circle" viewBox="0 0 50 50" focusable="false">\n <circle cx="50%" cy="50%" r="20"></circle>\n </svg>\n </div>\n '+(e||"")+'\n <img class="lg-object lg-video-poster" src="'+t+'" />\n </div>'},G=function(t){var e=t.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])');return[].filter.call(e,(function(t){var e=window.getComputedStyle(t);return"none"!==e.display&&"hidden"!==e.visibility}))},k=function(t,e,i,s){var n=[],o=function(){for(var t=0,e=0,i=arguments.length;e<i;e++)t+=arguments[e].length;var s=Array(t),n=0;for(e=0;e<i;e++)for(var o=arguments[e],r=0,l=o.length;r<l;r++,n++)s[n]=o[r];return s}(w,e);return[].forEach.call(t,(function(t){for(var e={},r=0;r<t.attributes.length;r++){var l=t.attributes[r];if(l.specified){var a=S(l.name),d="";o.indexOf(a)>-1&&(d=a),d&&(e[d]=l.value)}}var g=x(t),h=g.find("img").first().attr("alt"),c=g.attr("title"),u=s?g.attr(s):g.find("img").first().attr("src");e.thumb=u,i&&!e.subHtml&&(e.subHtml=c||h||""),e.alt=h||c||"",n.push(e)})),n},A=function(){return/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)},P=function(t,e,i){if(!t)return e?{html5:!0}:void console.error("lightGallery :- data-src is not provided on slide item "+(i+1)+". Please make sure the selector property is properly configured. More info - https://www.lightgalleryjs.com/demos/html-markup/");var s=t.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)([\&|?][\S]*)*/i),n=t.match(/\/\/(?:www\.)?(?:player\.)?vimeo.com\/(?:video\/)?([0-9a-z\-_]+)(.*)?/i),o=t.match(/https?:\/\/(.+)?(wistia\.com|wi\.st)\/(medias|embed)\/([0-9a-z\-_]+)(.*)/);return s?{youtube:s}:n?{vimeo:n}:o?{wistia:o}:void 0},B=0,F=function(){function w(t,e){if(this.lgOpened=!1,this.index=0,this.plugins=[],this.lGalleryOn=!1,this.lgBusy=!1,this.currentItemsInDom=[],this.prevScrollTop=0,this.bodyPaddingRight=0,this.isDummyImageRemoved=!1,this.dragOrSwipeEnabled=!1,this.mediaContainerPosition={top:0,bottom:0},!t)return this;if(B++,this.lgId=B,this.el=t,this.LGel=x(t),this.generateSettings(e),this.buildModules(),this.settings.dynamic&&void 0!==this.settings.dynamicEl&&!Array.isArray(this.settings.dynamicEl))throw"When using dynamic mode, you must also define dynamicEl as an Array.";return this.galleryItems=this.getItems(),this.normalizeSettings(),this.init(),this.validateLicense(),this}return w.prototype.generateSettings=function(e){if(this.settings=t(t({},I),e),this.settings.isMobile&&"function"==typeof this.settings.isMobile?this.settings.isMobile():A()){var i=t(t({},this.settings.mobileSettings),this.settings.mobileSettings);this.settings=t(t({},this.settings),i)}},w.prototype.normalizeSettings=function(){this.settings.slideEndAnimation&&(this.settings.hideControlOnEnd=!1),this.settings.closable||(this.settings.swipeToClose=!1),this.zoomFromOrigin=this.settings.zoomFromOrigin,this.settings.dynamic&&(this.zoomFromOrigin=!1),this.settings.container||(this.settings.container=document.body),this.settings.preload=Math.min(this.settings.preload,this.galleryItems.length)},w.prototype.init=function(){var t=this;this.addSlideVideoInfo(this.galleryItems),this.buildStructure(),this.LGel.trigger(i,{instance:this}),this.settings.keyPress&&this.keyPress(),setTimeout((function(){t.enableDrag(),t.enableSwipe(),t.triggerPosterClick()}),50),this.arrow(),this.settings.mousewheel&&this.mousewheel(),this.settings.dynamic||this.openGalleryOnItemClick()},w.prototype.openGalleryOnItemClick=function(){for(var t=this,e=function(e){var s=i.items[e],n=x(s),o=C.generateUUID();n.attr("data-lg-id",o).on("click.lgcustom-item-"+o,(function(i){i.preventDefault();var n=t.settings.index||e;t.openGallery(n,s)}))},i=this,s=0;s<this.items.length;s++)e(s)},w.prototype.buildModules=function(){var t=this;this.settings.plugins.forEach((function(e){t.plugins.push(new e(t,x))}))},w.prototype.validateLicense=function(){this.settings.licenseKey?"0000-0000-000-0000"===this.settings.licenseKey&&console.warn("lightGallery: "+this.settings.licenseKey+" license key is not valid for production use"):console.error("Please provide a valid license key")},w.prototype.getSlideItem=function(t){return x(this.getSlideItemId(t))},w.prototype.getSlideItemId=function(t){return"#lg-item-"+this.lgId+"-"+t},w.prototype.getIdName=function(t){return t+"-"+this.lgId},w.prototype.getElementById=function(t){return x("#"+this.getIdName(t))},w.prototype.manageSingleSlideClassName=function(){this.galleryItems.length<2?this.outer.addClass("lg-single-item"):this.outer.removeClass("lg-single-item")},w.prototype.buildStructure=function(){var t=this;if(!(this.$container&&this.$container.get())){var e="",i="";this.settings.controls&&(e='<button type="button" id="'+this.getIdName("lg-prev")+'" aria-label="'+this.settings.strings.previousSlide+'" class="lg-prev lg-icon"> '+this.settings.prevHtml+' </button>\n <button type="button" id="'+this.getIdName("lg-next")+'" aria-label="'+this.settings.strings.nextSlide+'" class="lg-next lg-icon"> '+this.settings.nextHtml+" </button>"),".lg-item"!==this.settings.appendSubHtmlTo&&(i='<div class="lg-sub-html" role="status" aria-live="polite"></div>');var s="";this.settings.allowMediaOverlap&&(s+="lg-media-overlap ");var n=this.settings.ariaLabelledby?'aria-labelledby="'+this.settings.ariaLabelledby+'"':"",o=this.settings.ariaDescribedby?'aria-describedby="'+this.settings.ariaDescribedby+'"':"",r="lg-container "+this.settings.addClass+" "+(document.body!==this.settings.container?"lg-inline":""),l=this.settings.closable&&this.settings.showCloseIcon?'<button type="button" aria-label="'+this.settings.strings.closeGallery+'" id="'+this.getIdName("lg-close")+'" class="lg-close lg-icon"></button>':"",a=this.settings.showMaximizeIcon?'<button type="button" aria-label="'+this.settings.strings.toggleMaximize+'" id="'+this.getIdName("lg-maximize")+'" class="lg-maximize lg-icon"></button>':"",d='\n <div class="'+r+'" id="'+this.getIdName("lg-container")+'" tabindex="-1" aria-modal="true" '+n+" "+o+' role="dialog"\n >\n <div id="'+this.getIdName("lg-backdrop")+'" class="lg-backdrop"></div>\n\n <div id="'+this.getIdName("lg-outer")+'" class="lg-outer lg-use-css3 lg-css3 lg-hide-items '+s+' ">\n\n <div id="'+this.getIdName("lg-content")+'" class="lg-content">\n <div id="'+this.getIdName("lg-inner")+'" class="lg-inner">\n </div>\n '+e+'\n </div>\n <div id="'+this.getIdName("lg-toolbar")+'" class="lg-toolbar lg-group">\n '+a+"\n "+l+"\n </div>\n "+(".lg-outer"===this.settings.appendSubHtmlTo?i:"")+'\n <div id="'+this.getIdName("lg-components")+'" class="lg-components">\n '+(".lg-sub-html"===this.settings.appendSubHtmlTo?i:"")+"\n </div>\n </div>\n </div>\n ";x(this.settings.container).append(d),document.body!==this.settings.container&&x(this.settings.container).css("position","relative"),this.outer=this.getElementById("lg-outer"),this.$lgComponents=this.getElementById("lg-components"),this.$backdrop=this.getElementById("lg-backdrop"),this.$container=this.getElementById("lg-container"),this.$inner=this.getElementById("lg-inner"),this.$content=this.getElementById("lg-content"),this.$toolbar=this.getElementById("lg-toolbar"),this.$backdrop.css("transition-duration",this.settings.backdropDuration+"ms");var g=this.settings.mode+" ";this.manageSingleSlideClassName(),this.settings.enableDrag&&(g+="lg-grab "),this.outer.addClass(g),this.$inner.css("transition-timing-function",this.settings.easing),this.$inner.css("transition-duration",this.settings.speed+"ms"),this.settings.download&&this.$toolbar.append('<a id="'+this.getIdName("lg-download")+'" target="_blank" rel="noopener" aria-label="'+this.settings.strings.download+'" download class="lg-download lg-icon"></a>'),this.counter(),x(window).on("resize.lg.global"+this.lgId+" orientationchange.lg.global"+this.lgId,(function(){t.refreshOnResize()})),this.hideBars(),this.manageCloseGallery(),this.toggleMaximize(),this.initModules()}},w.prototype.refreshOnResize=function(){if(this.lgOpened){var t=this.galleryItems[this.index].__slideVideoInfo;this.mediaContainerPosition=this.getMediaContainerPosition();var e=this.mediaContainerPosition,i=e.top,s=e.bottom;if(this.currentImageSize=T(this.items[this.index],this.outer,i+s,t&&this.settings.videoMaxSize),t&&this.resizeVideoSlide(this.index,this.currentImageSize),this.zoomFromOrigin&&!this.isDummyImageRemoved){var o=this.getDummyImgStyles(this.currentImageSize);this.outer.find(".lg-current .lg-dummy-img").first().attr("style",o)}this.LGel.trigger(n)}},w.prototype.resizeVideoSlide=function(t,e){var i=this.getVideoContStyle(e);this.getSlideItem(t).find(".lg-video-cont").attr("style",i)},w.prototype.updateSlides=function(t,e){if(this.index>t.length-1&&(this.index=t.length-1),1===t.length&&(this.index=0),t.length){var i=this.galleryItems[e].src;this.galleryItems=t,this.updateControls(),this.$inner.empty(),this.currentItemsInDom=[];var s=0;this.galleryItems.some((function(t,e){return t.src===i&&(s=e,!0)})),this.currentItemsInDom=this.organizeSlideItems(s,-1),this.loadContent(s,!0),this.getSlideItem(s).addClass("lg-current"),this.index=s,this.updateCurrentCounter(s),this.LGel.trigger(o)}else this.closeGallery()},w.prototype.getItems=function(){if(this.items=[],this.settings.dynamic)return this.settings.dynamicEl||[];if("this"===this.settings.selector)this.items.push(this.el);else if(this.settings.selector)if("string"==typeof this.settings.selector)if(this.settings.selectWithin){var t=x(this.settings.selectWithin);this.items=t.find(this.settings.selector).get()}else this.items=this.el.querySelectorAll(this.settings.selector);else this.items=this.settings.selector;else this.items=this.el.children;return k(this.items,this.settings.extraProps,this.settings.getCaptionFromTitleOrAlt,this.settings.exThumbImage)},w.prototype.shouldHideScrollbar=function(){return this.settings.hideScrollbar&&document.body===this.settings.container},w.prototype.hideScrollbar=function(){if(this.shouldHideScrollbar()){this.bodyPaddingRight=parseFloat(x("body").style().paddingRight);var t=document.documentElement.getBoundingClientRect(),e=window.innerWidth-t.width;x(document.body).css("padding-right",e+this.bodyPaddingRight+"px"),x(document.body).addClass("lg-overlay-open")}},w.prototype.resetScrollBar=function(){this.shouldHideScrollbar()&&(x(document.body).css("padding-right",this.bodyPaddingRight+"px"),x(document.body).removeClass("lg-overlay-open"))},w.prototype.openGallery=function(t,e){var i=this;if(void 0===t&&(t=this.settings.index),!this.lgOpened){this.lgOpened=!0,this.outer.removeClass("lg-hide-items"),this.hideScrollbar(),this.$container.addClass("lg-show");var s=this.getItemsToBeInsertedToDom(t,t);this.currentItemsInDom=s;var n="";s.forEach((function(t){n=n+'<div id="'+t+'" class="lg-item"></div>'})),this.$inner.append(n),this.addHtml(t);var o="";this.mediaContainerPosition=this.getMediaContainerPosition();var r=this.mediaContainerPosition,d=r.top,g=r.bottom;this.settings.allowMediaOverlap||this.setMediaContainerPosition(d,g);var h=this.galleryItems[t].__slideVideoInfo;this.zoomFromOrigin&&e&&(this.currentImageSize=T(e,this.outer,d+g,h&&this.settings.videoMaxSize),o=E(e,this.outer,d,g,this.currentImageSize)),this.zoomFromOrigin&&o||(this.outer.addClass(this.settings.startClass),this.getSlideItem(t).removeClass("lg-complete"));var c=this.settings.zoomFromOrigin?100:this.settings.backdropDuration;setTimeout((function(){i.outer.addClass("lg-components-open")}),c),this.index=t,this.LGel.trigger(l),this.getSlideItem(t).addClass("lg-current"),this.lGalleryOn=!1,this.prevScrollTop=x(window).scrollTop(),setTimeout((function(){if(i.zoomFromOrigin&&o){var e=i.getSlideItem(t);e.css("transform",o),setTimeout((function(){e.addClass("lg-start-progress lg-start-end-progress").css("transition-duration",i.settings.startAnimationDuration+"ms"),i.outer.addClass("lg-zoom-from-image")})),setTimeout((function(){e.css("transform","translate3d(0, 0, 0)")}),100)}setTimeout((function(){i.$backdrop.addClass("in"),i.$container.addClass("lg-show-in")}),10),setTimeout((function(){i.settings.trapFocus&&document.body===i.settings.container&&i.trapFocus()}),i.settings.backdropDuration+50),i.zoomFromOrigin&&o||setTimeout((function(){i.outer.addClass("lg-visible")}),i.settings.backdropDuration),i.slide(t,!1,!1,!1),i.LGel.trigger(a)})),document.body===this.settings.container&&x("html").addClass("lg-on")}},w.prototype.getMediaContainerPosition=function(){if(this.settings.allowMediaOverlap)return{top:0,bottom:0};var t=this.$toolbar.get().clientHeight||0,e=this.outer.find(".lg-components .lg-sub-html").get(),i=this.settings.defaultCaptionHeight||e&&e.clientHeight||0,s=this.outer.find(".lg-thumb-outer").get();return{top:t,bottom:(s?s.clientHeight:0)+i}},w.prototype.setMediaContainerPosition=function(t,e){void 0===t&&(t=0),void 0===e&&(e=0),this.$content.css("top",t+"px").css("bottom",e+"px")},w.prototype.hideBars=function(){var t=this;setTimeout((function(){t.outer.removeClass("lg-hide-items"),t.settings.hideBarsDelay>0&&(t.outer.on("mousemove.lg click.lg touchstart.lg",(function(){t.outer.removeClass("lg-hide-items"),clearTimeout(t.hideBarTimeout),t.hideBarTimeout=setTimeout((function(){t.outer.addClass("lg-hide-items")}),t.settings.hideBarsDelay)})),t.outer.trigger("mousemove.lg"))}),this.settings.showBarsAfter)},w.prototype.initPictureFill=function(t){if(this.settings.supportLegacyBrowser)try{picturefill({elements:[t.get()]})}catch(t){console.warn("lightGallery :- If you want srcset or picture tag to be supported for older browser please include picturefil javascript library in your document.")}},w.prototype.counter=function(){if(this.settings.counter){var t='<div class="lg-counter" role="status" aria-live="polite">\n <span id="'+this.getIdName("lg-counter-current")+'" class="lg-counter-current">'+(this.index+1)+' </span> /\n <span id="'+this.getIdName("lg-counter-all")+'" class="lg-counter-all">'+this.galleryItems.length+" </span></div>";this.outer.find(this.settings.appendCounterTo).append(t)}},w.prototype.addHtml=function(t){var e,i;if(this.galleryItems[t].subHtmlUrl?i=this.galleryItems[t].subHtmlUrl:e=this.galleryItems[t].subHtml,!i)if(e){var s=e.substring(0,1);"."!==s&&"#"!==s||(e=this.settings.subHtmlSelectorRelative&&!this.settings.dynamic?x(this.items).eq(t).find(e).first().html():x(e).first().html())}else e="";if(".lg-item"!==this.settings.appendSubHtmlTo)i?this.outer.find(".lg-sub-html").load(i):this.outer.find(".lg-sub-html").html(e);else{var n=x(this.getSlideItemId(t));i?n.load(i):n.append('<div class="lg-sub-html">'+e+"</div>")}null!=e&&(""===e?this.outer.find(this.settings.appendSubHtmlTo).addClass("lg-empty-html"):this.outer.find(this.settings.appendSubHtmlTo).removeClass("lg-empty-html")),this.LGel.trigger(r,{index:t})},w.prototype.preload=function(t){for(var e=1;e<=this.settings.preload&&!(e>=this.galleryItems.length-t);e++)this.loadContent(t+e,!1);for(var i=1;i<=this.settings.preload&&!(t-i<0);i++)this.loadContent(t-i,!1)},w.prototype.getDummyImgStyles=function(t){return t?"width:"+t.width+"px;\n margin-left: -"+t.width/2+"px;\n margin-top: -"+t.height/2+"px;\n height:"+t.height+"px":""},w.prototype.getVideoContStyle=function(t){return t?"width:"+t.width+"px;\n height:"+t.height+"px":""},w.prototype.getDummyImageContent=function(t,e,i){var s;if(this.settings.dynamic||(s=x(this.items).eq(e)),s){var n=void 0;if(!(n=this.settings.exThumbImage?s.attr(this.settings.exThumbImage):s.find("img").first().attr("src")))return"";var o="<img "+i+' style="'+this.getDummyImgStyles(this.currentImageSize)+'" class="lg-dummy-img" src="'+n+'" />';return t.addClass("lg-first-slide"),this.outer.addClass("lg-first-slide-loading"),o}return""},w.prototype.setImgMarkup=function(t,e,i){var s=this.galleryItems[i],n=s.alt,o=s.srcset,r=s.sizes,l=s.sources,a=n?'alt="'+n+'"':"",d='<picture class="lg-img-wrap"> '+(this.isFirstSlideWithZoomAnimation()?this.getDummyImageContent(e,i,a):D(i,t,a,o,r,l))+"</picture>";e.prepend(d)},w.prototype.onSlideObjectLoad=function(t,e,i,s){var n=t.find(".lg-object").first();z(n.get())||e?i():(n.on("load.lg error.lg",(function(){i&&i()})),n.on("error.lg",(function(){s&&s()})))},w.prototype.onLgObjectLoad=function(t,e,i,s,n,o){var r=this;this.onSlideObjectLoad(t,o,(function(){r.triggerSlideItemLoad(t,e,i,s,n)}),(function(){t.addClass("lg-complete lg-complete_"),t.html('<span class="lg-error-msg">Oops... Failed to load content...</span>')}))},w.prototype.triggerSlideItemLoad=function(t,e,i,s,n){var o=this,r=this.galleryItems[e],l=n&&"video"===this.getSlideType(r)&&!r.poster?s:0;setTimeout((function(){t.addClass("lg-complete lg-complete_"),o.LGel.trigger(d,{index:e,delay:i||0,isFirstSlide:n})}),l)},w.prototype.isFirstSlideWithZoomAnimation=function(){return!(this.lGalleryOn||!this.zoomFromOrigin||!this.currentImageSize)},w.prototype.addSlideVideoInfo=function(t){var e=this;t.forEach((function(t,i){t.__slideVideoInfo=P(t.src,!!t.video,i),t.__slideVideoInfo&&e.settings.loadYouTubePoster&&!t.poster&&t.__slideVideoInfo.youtube&&(t.poster="//img.youtube.com/vi/"+t.__slideVideoInfo.youtube[1]+"/maxresdefault.jpg")}))},w.prototype.loadContent=function(t,i){var n=this,o=this.galleryItems[t],r=x(this.getSlideItemId(t)),l=o.poster,a=o.srcset,d=o.sizes,g=o.sources,h=o.src,c=o.video,u=c&&"string"==typeof c?JSON.parse(c):c;if(o.responsive){var m=o.responsive.split(",");h=L(m)||h}var p=o.__slideVideoInfo,f="",y=!!o.iframe,v=!this.lGalleryOn,b=0;if(v&&(b=this.zoomFromOrigin&&this.currentImageSize?this.settings.startAnimationDuration+10:this.settings.backdropDuration+10),!r.hasClass("lg-loaded")){if(p){var I=this.mediaContainerPosition,C=I.top,w=I.bottom,S=T(this.items[t],this.outer,C+w,p&&this.settings.videoMaxSize);f=this.getVideoContStyle(S)}if(y){var E=O(this.settings.iframeWidth,this.settings.iframeHeight,this.settings.iframeMaxWidth,this.settings.iframeMaxHeight,h,o.iframeTitle);r.prepend(E)}else if(l){var z="";v&&this.zoomFromOrigin&&this.currentImageSize&&(z=this.getDummyImageContent(r,t,""));E=M(l,z||"",f,this.settings.strings.playVideo,p);r.prepend(E)}else if(p){E='<div class="lg-video-cont " style="'+f+'"></div>';r.prepend(E)}else if(this.setImgMarkup(h,r,t),a||g){var G=r.find(".lg-object");this.initPictureFill(G)}(l||p)&&this.LGel.trigger(s,{index:t,src:h,html5Video:u,hasPoster:!!l}),this.LGel.trigger(e,{index:t}),this.lGalleryOn&&".lg-item"===this.settings.appendSubHtmlTo&&this.addHtml(t)}var k=0;b&&!x(document.body).hasClass("lg-from-hash")&&(k=b),this.isFirstSlideWithZoomAnimation()&&(setTimeout((function(){r.removeClass("lg-start-end-progress lg-start-progress").removeAttr("style")}),this.settings.startAnimationDuration+100),r.hasClass("lg-loaded")||setTimeout((function(){if("image"===n.getSlideType(o)){var e=o.alt,i=e?'alt="'+e+'"':"";if(r.find(".lg-img-wrap").append(D(t,h,i,a,d,o.sources)),a||g){var s=r.find(".lg-object");n.initPictureFill(s)}}("image"===n.getSlideType(o)||"video"===n.getSlideType(o)&&l)&&(n.onLgObjectLoad(r,t,b,k,!0,!1),n.onSlideObjectLoad(r,!(!p||!p.html5||l),(function(){n.loadContentOnFirstSlideLoad(t,r,k)}),(function(){n.loadContentOnFirstSlideLoad(t,r,k)})))}),this.settings.startAnimationDuration+100)),r.addClass("lg-loaded"),this.isFirstSlideWithZoomAnimation()&&("video"!==this.getSlideType(o)||l)||this.onLgObjectLoad(r,t,b,k,v,!(!p||!p.html5||l)),this.zoomFromOrigin&&this.currentImageSize||!r.hasClass("lg-complete_")||this.lGalleryOn||setTimeout((function(){r.addClass("lg-complete")}),this.settings.backdropDuration),this.lGalleryOn=!0,!0===i&&(r.hasClass("lg-complete_")?this.preload(t):r.find(".lg-object").first().on("load.lg error.lg",(function(){n.preload(t)})))},w.prototype.loadContentOnFirstSlideLoad=function(t,e,i){var s=this;setTimeout((function(){e.find(".lg-dummy-img").remove(),e.removeClass("lg-first-slide"),s.outer.removeClass("lg-first-slide-loading"),s.isDummyImageRemoved=!0,s.preload(t)}),i+300)},w.prototype.getItemsToBeInsertedToDom=function(t,e,i){var s=this;void 0===i&&(i=0);var n=[],o=Math.max(i,3);o=Math.min(o,this.galleryItems.length);var r="lg-item-"+this.lgId+"-"+e;if(this.galleryItems.length<=3)return this.galleryItems.forEach((function(t,e){n.push("lg-item-"+s.lgId+"-"+e)})),n;if(t<(this.galleryItems.length-1)/2){for(var l=t;l>t-o/2&&l>=0;l--)n.push("lg-item-"+this.lgId+"-"+l);var a=n.length;for(l=0;l<o-a;l++)n.push("lg-item-"+this.lgId+"-"+(t+l+1))}else{for(l=t;l<=this.galleryItems.length-1&&l<t+o/2;l++)n.push("lg-item-"+this.lgId+"-"+l);for(a=n.length,l=0;l<o-a;l++)n.push("lg-item-"+this.lgId+"-"+(t-l-1))}return this.settings.loop&&(t===this.galleryItems.length-1?n.push("lg-item-"+this.lgId+"-0"):0===t&&n.push("lg-item-"+this.lgId+"-"+(this.galleryItems.length-1))),-1===n.indexOf(r)&&n.push("lg-item-"+this.lgId+"-"+e),n},w.prototype.organizeSlideItems=function(t,e){var i=this,s=this.getItemsToBeInsertedToDom(t,e,this.settings.numberOfSlideItemsInDom);return s.forEach((function(t){-1===i.currentItemsInDom.indexOf(t)&&i.$inner.append('<div id="'+t+'" class="lg-item"></div>')})),this.currentItemsInDom.forEach((function(t){-1===s.indexOf(t)&&x("#"+t).remove()})),s},w.prototype.getPreviousSlideIndex=function(){var t=0;try{var e=this.outer.find(".lg-current").first().attr("id");t=parseInt(e.split("-")[3])||0}catch(e){t=0}return t},w.prototype.setDownloadValue=function(t){if(this.settings.download){var e=this.galleryItems[t];if(!1===e.downloadUrl||"false"===e.downloadUrl)this.outer.addClass("lg-hide-download");else{var i=this.getElementById("lg-download");this.outer.removeClass("lg-hide-download"),i.attr("href",e.downloadUrl||e.src),e.download&&i.attr("download",e.download)}}},w.prototype.makeSlideAnimation=function(t,e,i){var s=this;this.lGalleryOn&&i.addClass("lg-slide-progress"),setTimeout((function(){s.outer.addClass("lg-no-trans"),s.outer.find(".lg-item").removeClass("lg-prev-slide lg-next-slide"),"prev"===t?(e.addClass("lg-prev-slide"),i.addClass("lg-next-slide")):(e.addClass("lg-next-slide"),i.addClass("lg-prev-slide")),setTimeout((function(){s.outer.find(".lg-item").removeClass("lg-current"),e.addClass("lg-current"),s.outer.removeClass("lg-no-trans")}),50)}),this.lGalleryOn?this.settings.slideDelay:0)},w.prototype.slide=function(t,e,i,s){var n=this,o=this.getPreviousSlideIndex();if(this.currentItemsInDom=this.organizeSlideItems(t,o),!this.lGalleryOn||o!==t){var r=this.galleryItems.length;if(!this.lgBusy){this.settings.counter&&this.updateCurrentCounter(t);var l=this.getSlideItem(t),a=this.getSlideItem(o),d=this.galleryItems[t],c=d.__slideVideoInfo;if(this.outer.attr("data-lg-slide-type",this.getSlideType(d)),this.setDownloadValue(t),c){var u=this.mediaContainerPosition,m=u.top,p=u.bottom,f=T(this.items[t],this.outer,m+p,c&&this.settings.videoMaxSize);this.resizeVideoSlide(t,f)}if(this.LGel.trigger(g,{prevIndex:o,index:t,fromTouch:!!e,fromThumb:!!i}),this.lgBusy=!0,clearTimeout(this.hideBarTimeout),this.arrowDisable(t),s||(t<o?s="prev":t>o&&(s="next")),e){this.outer.find(".lg-item").removeClass("lg-prev-slide lg-current lg-next-slide");var y=void 0,v=void 0;r>2?(y=t-1,v=t+1,(0===t&&o===r-1||t===r-1&&0===o)&&(v=0,y=r-1)):(y=0,v=1),"prev"===s?this.getSlideItem(v).addClass("lg-next-slide"):this.getSlideItem(y).addClass("lg-prev-slide"),l.addClass("lg-current")}else this.makeSlideAnimation(s,l,a);this.lGalleryOn?setTimeout((function(){n.loadContent(t,!0),".lg-item"!==n.settings.appendSubHtmlTo&&n.addHtml(t)}),this.settings.speed+50+(e?0:this.settings.slideDelay)):this.loadContent(t,!0),setTimeout((function(){n.lgBusy=!1,a.removeClass("lg-slide-progress"),n.LGel.trigger(h,{prevIndex:o,index:t,fromTouch:e,fromThumb:i})}),(this.lGalleryOn?this.settings.speed+100:100)+(e?0:this.settings.slideDelay))}this.index=t}},w.prototype.updateCurrentCounter=function(t){this.getElementById("lg-counter-current").html(t+1+"")},w.prototype.updateCounterTotal=function(){this.getElementById("lg-counter-all").html(this.galleryItems.length+"")},w.prototype.getSlideType=function(t){return t.__slideVideoInfo?"video":t.iframe?"iframe":"image"},w.prototype.touchMove=function(t,e,i){var s=e.pageX-t.pageX,n=e.pageY-t.pageY,o=!1;if(this.swipeDirection?o=!0:Math.abs(s)>15?(this.swipeDirection="horizontal",o=!0):Math.abs(n)>15&&(this.swipeDirection="vertical",o=!0),o){var r=this.getSlideItem(this.index);if("horizontal"===this.swipeDirection){null==i||i.preventDefault(),this.outer.addClass("lg-dragging"),this.setTranslate(r,s,0);var l=r.get().offsetWidth,a=15*l/100-Math.abs(10*s/100);this.setTranslate(this.outer.find(".lg-prev-slide").first(),-l+s-a,0),this.setTranslate(this.outer.find(".lg-next-slide").first(),l+s+a,0)}else if("vertical"===this.swipeDirection&&this.settings.swipeToClose){null==i||i.preventDefault(),this.$container.addClass("lg-dragging-vertical");var d=1-Math.abs(n)/window.innerHeight;this.$backdrop.css("opacity",d);var g=1-Math.abs(n)/(2*window.innerWidth);this.setTranslate(r,0,n,g,g),Math.abs(n)>100&&this.outer.addClass("lg-hide-items").removeClass("lg-components-open")}}},w.prototype.touchEnd=function(t,e,i){var s,n=this;"lg-slide"!==this.settings.mode&&this.outer.addClass("lg-slide"),setTimeout((function(){n.$container.removeClass("lg-dragging-vertical"),n.outer.removeClass("lg-dragging lg-hide-items").addClass("lg-components-open");var o=!0;if("horizontal"===n.swipeDirection){s=t.pageX-e.pageX;var r=Math.abs(t.pageX-e.pageX);s<0&&r>n.settings.swipeThreshold?(n.goToNextSlide(!0),o=!1):s>0&&r>n.settings.swipeThreshold&&(n.goToPrevSlide(!0),o=!1)}else if("vertical"===n.swipeDirection){if(s=Math.abs(t.pageY-e.pageY),n.settings.closable&&n.settings.swipeToClose&&s>100)return void n.closeGallery();n.$backdrop.css("opacity",1)}if(n.outer.find(".lg-item").removeAttr("style"),o&&Math.abs(t.pageX-e.pageX)<5){var l=x(i.target);n.isPosterElement(l)&&n.LGel.trigger(c)}n.swipeDirection=void 0})),setTimeout((function(){n.outer.hasClass("lg-dragging")||"lg-slide"===n.settings.mode||n.outer.removeClass("lg-slide")}),this.settings.speed+100)},w.prototype.enableSwipe=function(){var t=this,e={},i={},s=!1,n=!1;this.settings.enableSwipe&&(this.$inner.on("touchstart.lg",(function(i){t.dragOrSwipeEnabled=!0;var s=t.getSlideItem(t.index);!x(i.target).hasClass("lg-item")&&!s.get().contains(i.target)||t.outer.hasClass("lg-zoomed")||t.lgBusy||1!==i.targetTouches.length||(n=!0,t.touchAction="swipe",t.manageSwipeClass(),e={pageX:i.targetTouches[0].pageX,pageY:i.targetTouches[0].pageY})})),this.$inner.on("touchmove.lg",(function(o){n&&"swipe"===t.touchAction&&1===o.targetTouches.length&&(i={pageX:o.targetTouches[0].pageX,pageY:o.targetTouches[0].pageY},t.touchMove(e,i,o),s=!0)})),this.$inner.on("touchend.lg",(function(o){if("swipe"===t.touchAction){if(s)s=!1,t.touchEnd(i,e,o);else if(n){var r=x(o.target);t.isPosterElement(r)&&t.LGel.trigger(c)}t.touchAction=void 0,n=!1}})))},w.prototype.enableDrag=function(){var t=this,e={},i={},s=!1,n=!1;this.settings.enableDrag&&(this.outer.on("mousedown.lg",(function(i){t.dragOrSwipeEnabled=!0;var n=t.getSlideItem(t.index);(x(i.target).hasClass("lg-item")||n.get().contains(i.target))&&(t.outer.hasClass("lg-zoomed")||t.lgBusy||(i.preventDefault(),t.lgBusy||(t.manageSwipeClass(),e={pageX:i.pageX,pageY:i.pageY},s=!0,t.outer.get().scrollLeft+=1,t.outer.get().scrollLeft-=1,t.outer.removeClass("lg-grab").addClass("lg-grabbing"),t.LGel.trigger(u))))})),x(window).on("mousemove.lg.global"+this.lgId,(function(o){s&&t.lgOpened&&(n=!0,i={pageX:o.pageX,pageY:o.pageY},t.touchMove(e,i),t.LGel.trigger(m))})),x(window).on("mouseup.lg.global"+this.lgId,(function(o){if(t.lgOpened){var r=x(o.target);n?(n=!1,t.touchEnd(i,e,o),t.LGel.trigger(p)):t.isPosterElement(r)&&t.LGel.trigger(c),s&&(s=!1,t.outer.removeClass("lg-grabbing").addClass("lg-grab"))}})))},w.prototype.triggerPosterClick=function(){var t=this;this.$inner.on("click.lg",(function(e){!t.dragOrSwipeEnabled&&t.isPosterElement(x(e.target))&&t.LGel.trigger(c)}))},w.prototype.manageSwipeClass=function(){var t=this.index+1,e=this.index-1;this.settings.loop&&this.galleryItems.length>2&&(0===this.index?e=this.galleryItems.length-1:this.index===this.galleryItems.length-1&&(t=0)),this.outer.find(".lg-item").removeClass("lg-next-slide lg-prev-slide"),e>-1&&this.getSlideItem(e).addClass("lg-prev-slide"),this.getSlideItem(t).addClass("lg-next-slide")},w.prototype.goToNextSlide=function(t){var e=this,i=this.settings.loop;t&&this.galleryItems.length<3&&(i=!1),this.lgBusy||(this.index+1<this.galleryItems.length?(this.index++,this.LGel.trigger(f,{index:this.index}),this.slide(this.index,!!t,!1,"next")):i?(this.index=0,this.LGel.trigger(f,{index:this.index}),this.slide(this.index,!!t,!1,"next")):this.settings.slideEndAnimation&&!t&&(this.outer.addClass("lg-right-end"),setTimeout((function(){e.outer.removeClass("lg-right-end")}),400)))},w.prototype.goToPrevSlide=function(t){var e=this,i=this.settings.loop;t&&this.galleryItems.length<3&&(i=!1),this.lgBusy||(this.index>0?(this.index--,this.LGel.trigger(y,{index:this.index,fromTouch:t}),this.slide(this.index,!!t,!1,"prev")):i?(this.index=this.galleryItems.length-1,this.LGel.trigger(y,{index:this.index,fromTouch:t}),this.slide(this.index,!!t,!1,"prev")):this.settings.slideEndAnimation&&!t&&(this.outer.addClass("lg-left-end"),setTimeout((function(){e.outer.removeClass("lg-left-end")}),400)))},w.prototype.keyPress=function(){var t=this;x(window).on("keydown.lg.global"+this.lgId,(function(e){t.lgOpened&&!0===t.settings.escKey&&27===e.keyCode&&(e.preventDefault(),t.settings.allowMediaOverlap&&t.outer.hasClass("lg-can-toggle")&&t.outer.hasClass("lg-components-open")?t.outer.removeClass("lg-components-open"):t.closeGallery()),t.lgOpened&&t.galleryItems.length>1&&(37===e.keyCode&&(e.preventDefault(),t.goToPrevSlide()),39===e.keyCode&&(e.preventDefault(),t.goToNextSlide()))}))},w.prototype.arrow=function(){var t=this;this.getElementById("lg-prev").on("click.lg",(function(){t.goToPrevSlide()})),this.getElementById("lg-next").on("click.lg",(function(){t.goToNextSlide()}))},w.prototype.arrowDisable=function(t){if(!this.settings.loop&&this.settings.hideControlOnEnd){var e=this.getElementById("lg-prev"),i=this.getElementById("lg-next");t+1===this.galleryItems.length?i.attr("disabled","disabled").addClass("disabled"):i.removeAttr("disabled").removeClass("disabled"),0===t?e.attr("disabled","disabled").addClass("disabled"):e.removeAttr("disabled").removeClass("disabled")}},w.prototype.setTranslate=function(t,e,i,s,n){void 0===s&&(s=1),void 0===n&&(n=1),t.css("transform","translate3d("+e+"px, "+i+"px, 0px) scale3d("+s+", "+n+", 1)")},w.prototype.mousewheel=function(){var t=this,e=0;this.outer.on("wheel.lg",(function(i){if(i.deltaY&&!(t.galleryItems.length<2)){i.preventDefault();var s=(new Date).getTime();s-e<1e3||(e=s,i.deltaY>0?t.goToNextSlide():i.deltaY<0&&t.goToPrevSlide())}}))},w.prototype.isSlideElement=function(t){return t.hasClass("lg-outer")||t.hasClass("lg-item")||t.hasClass("lg-img-wrap")},w.prototype.isPosterElement=function(t){var e=this.getSlideItem(this.index).find(".lg-video-play-button").get();return t.hasClass("lg-video-poster")||t.hasClass("lg-video-play-button")||e&&e.contains(t.get())},w.prototype.toggleMaximize=function(){var t=this;this.getElementById("lg-maximize").on("click.lg",(function(){t.$container.toggleClass("lg-inline"),t.refreshOnResize()}))},w.prototype.invalidateItems=function(){for(var t=0;t<this.items.length;t++){var e=x(this.items[t]);e.off("click.lgcustom-item-"+e.attr("data-lg-id"))}},w.prototype.trapFocus=function(){var t=this;this.$container.get().focus({preventScroll:!0}),x(window).on("keydown.lg.global"+this.lgId,(function(e){if(t.lgOpened&&("Tab"===e.key||9===e.keyCode)){var i=G(t.$container.get()),s=i[0],n=i[i.length-1];e.shiftKey?document.activeElement===s&&(n.focus(),e.preventDefault()):document.activeElement===n&&(s.focus(),e.preventDefault())}}))},w.prototype.manageCloseGallery=function(){var t=this;if(this.settings.closable){var e=!1;this.getElementById("lg-close").on("click.lg",(function(){t.closeGallery()})),this.settings.closeOnTap&&(this.outer.on("mousedown.lg",(function(i){var s=x(i.target);e=!!t.isSlideElement(s)})),this.outer.on("mousemove.lg",(function(){e=!1})),this.outer.on("mouseup.lg",(function(i){var s=x(i.target);t.isSlideElement(s)&&e&&(t.outer.hasClass("lg-dragging")||t.closeGallery())})))}},w.prototype.closeGallery=function(t){var e=this;if(!this.lgOpened||!this.settings.closable&&!t)return 0;this.LGel.trigger(v),this.settings.resetScrollPosition&&!this.settings.hideScrollbar&&x(window).scrollTop(this.prevScrollTop);var i,s=this.items[this.index];if(this.zoomFromOrigin&&s){var n=this.mediaContainerPosition,o=n.top,r=n.bottom,l=this.galleryItems[this.index],a=l.__slideVideoInfo,d=l.poster,g=T(s,this.outer,o+r,a&&d&&this.settings.videoMaxSize);i=E(s,this.outer,o,r,g)}this.zoomFromOrigin&&i?(this.outer.addClass("lg-closing lg-zoom-from-image"),this.getSlideItem(this.index).addClass("lg-start-end-progress").css("transition-duration",this.settings.startAnimationDuration+"ms").css("transform",i)):(this.outer.addClass("lg-hide-items"),this.outer.removeClass("lg-zoom-from-image")),this.destroyModules(),this.lGalleryOn=!1,this.isDummyImageRemoved=!1,this.zoomFromOrigin=this.settings.zoomFromOrigin,clearTimeout(this.hideBarTimeout),this.hideBarTimeout=!1,x("html").removeClass("lg-on"),this.outer.removeClass("lg-visible lg-components-open"),this.$backdrop.removeClass("in").css("opacity",0);var h=this.zoomFromOrigin&&i?Math.max(this.settings.startAnimationDuration,this.settings.backdropDuration):this.settings.backdropDuration;return this.$container.removeClass("lg-show-in"),setTimeout((function(){e.zoomFromOrigin&&i&&e.outer.removeClass("lg-zoom-from-image"),e.$container.removeClass("lg-show"),e.resetScrollBar(),e.$backdrop.removeAttr("style").css("transition-duration",e.settings.backdropDuration+"ms"),e.outer.removeClass("lg-closing "+e.settings.startClass),e.getSlideItem(e.index).removeClass("lg-start-end-progress"),e.$inner.empty(),e.lgOpened&&e.LGel.trigger(b,{instance:e}),e.$container.get()&&e.$container.get().blur(),e.lgOpened=!1}),h+100),h+100},w.prototype.initModules=function(){this.plugins.forEach((function(t){try{t.init()}catch(t){console.warn("lightGallery:- make sure lightGallery module is properly initiated")}}))},w.prototype.destroyModules=function(t){this.plugins.forEach((function(e){try{t?e.destroy():e.closeGallery&&e.closeGallery()}catch(t){console.warn("lightGallery:- make sure lightGallery module is properly destroyed")}}))},w.prototype.refresh=function(t){this.settings.dynamic||this.invalidateItems(),this.galleryItems=t||this.getItems(),this.updateControls(),this.openGalleryOnItemClick(),this.LGel.trigger(o)},w.prototype.updateControls=function(){this.addSlideVideoInfo(this.galleryItems),this.updateCounterTotal(),this.manageSingleSlideClassName()},w.prototype.destroy=function(){var t=this,e=this.closeGallery(!0);return setTimeout((function(){t.destroyModules(!0),t.settings.dynamic||t.invalidateItems(),x(window).off(".lg.global"+t.lgId),t.LGel.off(".lg"),t.$container.remove()}),e),e},w}();return function(t,e){return new F(t,e)}}));
|
lightgallery/lightgallery.umd.js
ADDED
@@ -0,0 +1,2733 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*!
|
2 |
+
* lightgallery | 2.5.0 | June 13th 2022
|
3 |
+
* http://www.lightgalleryjs.com/
|
4 |
+
* Copyright (c) 2020 Sachin Neravath;
|
5 |
+
* @license GPLv3
|
6 |
+
*/
|
7 |
+
|
8 |
+
(function (global, factory) {
|
9 |
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
10 |
+
typeof define === 'function' && define.amd ? define(factory) :
|
11 |
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.lightGallery = factory());
|
12 |
+
}(this, (function () { 'use strict';
|
13 |
+
|
14 |
+
/*! *****************************************************************************
|
15 |
+
Copyright (c) Microsoft Corporation.
|
16 |
+
|
17 |
+
Permission to use, copy, modify, and/or distribute this software for any
|
18 |
+
purpose with or without fee is hereby granted.
|
19 |
+
|
20 |
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
21 |
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
22 |
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
23 |
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
24 |
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
25 |
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
26 |
+
PERFORMANCE OF THIS SOFTWARE.
|
27 |
+
***************************************************************************** */
|
28 |
+
|
29 |
+
var __assign = function() {
|
30 |
+
__assign = Object.assign || function __assign(t) {
|
31 |
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
32 |
+
s = arguments[i];
|
33 |
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
34 |
+
}
|
35 |
+
return t;
|
36 |
+
};
|
37 |
+
return __assign.apply(this, arguments);
|
38 |
+
};
|
39 |
+
|
40 |
+
function __spreadArrays() {
|
41 |
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
42 |
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
43 |
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
44 |
+
r[k] = a[j];
|
45 |
+
return r;
|
46 |
+
}
|
47 |
+
|
48 |
+
/**
|
49 |
+
* List of lightGallery events
|
50 |
+
* All events should be documented here
|
51 |
+
* Below interfaces are used to build the website documentations
|
52 |
+
* */
|
53 |
+
var lGEvents = {
|
54 |
+
afterAppendSlide: 'lgAfterAppendSlide',
|
55 |
+
init: 'lgInit',
|
56 |
+
hasVideo: 'lgHasVideo',
|
57 |
+
containerResize: 'lgContainerResize',
|
58 |
+
updateSlides: 'lgUpdateSlides',
|
59 |
+
afterAppendSubHtml: 'lgAfterAppendSubHtml',
|
60 |
+
beforeOpen: 'lgBeforeOpen',
|
61 |
+
afterOpen: 'lgAfterOpen',
|
62 |
+
slideItemLoad: 'lgSlideItemLoad',
|
63 |
+
beforeSlide: 'lgBeforeSlide',
|
64 |
+
afterSlide: 'lgAfterSlide',
|
65 |
+
posterClick: 'lgPosterClick',
|
66 |
+
dragStart: 'lgDragStart',
|
67 |
+
dragMove: 'lgDragMove',
|
68 |
+
dragEnd: 'lgDragEnd',
|
69 |
+
beforeNextSlide: 'lgBeforeNextSlide',
|
70 |
+
beforePrevSlide: 'lgBeforePrevSlide',
|
71 |
+
beforeClose: 'lgBeforeClose',
|
72 |
+
afterClose: 'lgAfterClose',
|
73 |
+
rotateLeft: 'lgRotateLeft',
|
74 |
+
rotateRight: 'lgRotateRight',
|
75 |
+
flipHorizontal: 'lgFlipHorizontal',
|
76 |
+
flipVertical: 'lgFlipVertical',
|
77 |
+
autoplay: 'lgAutoplay',
|
78 |
+
autoplayStart: 'lgAutoplayStart',
|
79 |
+
autoplayStop: 'lgAutoplayStop',
|
80 |
+
};
|
81 |
+
|
82 |
+
var lightGalleryCoreSettings = {
|
83 |
+
mode: 'lg-slide',
|
84 |
+
easing: 'ease',
|
85 |
+
speed: 400,
|
86 |
+
licenseKey: '0000-0000-000-0000',
|
87 |
+
height: '100%',
|
88 |
+
width: '100%',
|
89 |
+
addClass: '',
|
90 |
+
startClass: 'lg-start-zoom',
|
91 |
+
backdropDuration: 300,
|
92 |
+
container: '',
|
93 |
+
startAnimationDuration: 400,
|
94 |
+
zoomFromOrigin: true,
|
95 |
+
hideBarsDelay: 0,
|
96 |
+
showBarsAfter: 10000,
|
97 |
+
slideDelay: 0,
|
98 |
+
supportLegacyBrowser: true,
|
99 |
+
allowMediaOverlap: false,
|
100 |
+
videoMaxSize: '1280-720',
|
101 |
+
loadYouTubePoster: true,
|
102 |
+
defaultCaptionHeight: 0,
|
103 |
+
ariaLabelledby: '',
|
104 |
+
ariaDescribedby: '',
|
105 |
+
resetScrollPosition: true,
|
106 |
+
hideScrollbar: false,
|
107 |
+
closable: true,
|
108 |
+
swipeToClose: true,
|
109 |
+
closeOnTap: true,
|
110 |
+
showCloseIcon: true,
|
111 |
+
showMaximizeIcon: false,
|
112 |
+
loop: true,
|
113 |
+
escKey: true,
|
114 |
+
keyPress: true,
|
115 |
+
trapFocus: true,
|
116 |
+
controls: true,
|
117 |
+
slideEndAnimation: true,
|
118 |
+
hideControlOnEnd: false,
|
119 |
+
mousewheel: false,
|
120 |
+
getCaptionFromTitleOrAlt: true,
|
121 |
+
appendSubHtmlTo: '.lg-sub-html',
|
122 |
+
subHtmlSelectorRelative: false,
|
123 |
+
preload: 2,
|
124 |
+
numberOfSlideItemsInDom: 10,
|
125 |
+
selector: '',
|
126 |
+
selectWithin: '',
|
127 |
+
nextHtml: '',
|
128 |
+
prevHtml: '',
|
129 |
+
index: 0,
|
130 |
+
iframeWidth: '100%',
|
131 |
+
iframeHeight: '100%',
|
132 |
+
iframeMaxWidth: '100%',
|
133 |
+
iframeMaxHeight: '100%',
|
134 |
+
download: true,
|
135 |
+
counter: true,
|
136 |
+
appendCounterTo: '.lg-toolbar',
|
137 |
+
swipeThreshold: 50,
|
138 |
+
enableSwipe: true,
|
139 |
+
enableDrag: true,
|
140 |
+
dynamic: false,
|
141 |
+
dynamicEl: [],
|
142 |
+
extraProps: [],
|
143 |
+
exThumbImage: '',
|
144 |
+
isMobile: undefined,
|
145 |
+
mobileSettings: {
|
146 |
+
controls: false,
|
147 |
+
showCloseIcon: false,
|
148 |
+
download: false,
|
149 |
+
},
|
150 |
+
plugins: [],
|
151 |
+
strings: {
|
152 |
+
closeGallery: 'Close gallery',
|
153 |
+
toggleMaximize: 'Toggle maximize',
|
154 |
+
previousSlide: 'Previous slide',
|
155 |
+
nextSlide: 'Next slide',
|
156 |
+
download: 'Download',
|
157 |
+
playVideo: 'Play video',
|
158 |
+
},
|
159 |
+
};
|
160 |
+
|
161 |
+
function initLgPolyfills() {
|
162 |
+
(function () {
|
163 |
+
if (typeof window.CustomEvent === 'function')
|
164 |
+
return false;
|
165 |
+
function CustomEvent(event, params) {
|
166 |
+
params = params || {
|
167 |
+
bubbles: false,
|
168 |
+
cancelable: false,
|
169 |
+
detail: null,
|
170 |
+
};
|
171 |
+
var evt = document.createEvent('CustomEvent');
|
172 |
+
evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
|
173 |
+
return evt;
|
174 |
+
}
|
175 |
+
window.CustomEvent = CustomEvent;
|
176 |
+
})();
|
177 |
+
(function () {
|
178 |
+
if (!Element.prototype.matches) {
|
179 |
+
Element.prototype.matches =
|
180 |
+
Element.prototype.msMatchesSelector ||
|
181 |
+
Element.prototype.webkitMatchesSelector;
|
182 |
+
}
|
183 |
+
})();
|
184 |
+
}
|
185 |
+
var lgQuery = /** @class */ (function () {
|
186 |
+
function lgQuery(selector) {
|
187 |
+
this.cssVenderPrefixes = [
|
188 |
+
'TransitionDuration',
|
189 |
+
'TransitionTimingFunction',
|
190 |
+
'Transform',
|
191 |
+
'Transition',
|
192 |
+
];
|
193 |
+
this.selector = this._getSelector(selector);
|
194 |
+
this.firstElement = this._getFirstEl();
|
195 |
+
return this;
|
196 |
+
}
|
197 |
+
lgQuery.generateUUID = function () {
|
198 |
+
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
199 |
+
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
200 |
+
return v.toString(16);
|
201 |
+
});
|
202 |
+
};
|
203 |
+
lgQuery.prototype._getSelector = function (selector, context) {
|
204 |
+
if (context === void 0) { context = document; }
|
205 |
+
if (typeof selector !== 'string') {
|
206 |
+
return selector;
|
207 |
+
}
|
208 |
+
context = context || document;
|
209 |
+
var fl = selector.substring(0, 1);
|
210 |
+
if (fl === '#') {
|
211 |
+
return context.querySelector(selector);
|
212 |
+
}
|
213 |
+
else {
|
214 |
+
return context.querySelectorAll(selector);
|
215 |
+
}
|
216 |
+
};
|
217 |
+
lgQuery.prototype._each = function (func) {
|
218 |
+
if (!this.selector) {
|
219 |
+
return this;
|
220 |
+
}
|
221 |
+
if (this.selector.length !== undefined) {
|
222 |
+
[].forEach.call(this.selector, func);
|
223 |
+
}
|
224 |
+
else {
|
225 |
+
func(this.selector, 0);
|
226 |
+
}
|
227 |
+
return this;
|
228 |
+
};
|
229 |
+
lgQuery.prototype._setCssVendorPrefix = function (el, cssProperty, value) {
|
230 |
+
// prettier-ignore
|
231 |
+
var property = cssProperty.replace(/-([a-z])/gi, function (s, group1) {
|
232 |
+
return group1.toUpperCase();
|
233 |
+
});
|
234 |
+
if (this.cssVenderPrefixes.indexOf(property) !== -1) {
|
235 |
+
el.style[property.charAt(0).toLowerCase() + property.slice(1)] = value;
|
236 |
+
el.style['webkit' + property] = value;
|
237 |
+
el.style['moz' + property] = value;
|
238 |
+
el.style['ms' + property] = value;
|
239 |
+
el.style['o' + property] = value;
|
240 |
+
}
|
241 |
+
else {
|
242 |
+
el.style[property] = value;
|
243 |
+
}
|
244 |
+
};
|
245 |
+
lgQuery.prototype._getFirstEl = function () {
|
246 |
+
if (this.selector && this.selector.length !== undefined) {
|
247 |
+
return this.selector[0];
|
248 |
+
}
|
249 |
+
else {
|
250 |
+
return this.selector;
|
251 |
+
}
|
252 |
+
};
|
253 |
+
lgQuery.prototype.isEventMatched = function (event, eventName) {
|
254 |
+
var eventNamespace = eventName.split('.');
|
255 |
+
return event
|
256 |
+
.split('.')
|
257 |
+
.filter(function (e) { return e; })
|
258 |
+
.every(function (e) {
|
259 |
+
return eventNamespace.indexOf(e) !== -1;
|
260 |
+
});
|
261 |
+
};
|
262 |
+
lgQuery.prototype.attr = function (attr, value) {
|
263 |
+
if (value === undefined) {
|
264 |
+
if (!this.firstElement) {
|
265 |
+
return '';
|
266 |
+
}
|
267 |
+
return this.firstElement.getAttribute(attr);
|
268 |
+
}
|
269 |
+
this._each(function (el) {
|
270 |
+
el.setAttribute(attr, value);
|
271 |
+
});
|
272 |
+
return this;
|
273 |
+
};
|
274 |
+
lgQuery.prototype.find = function (selector) {
|
275 |
+
return $LG(this._getSelector(selector, this.selector));
|
276 |
+
};
|
277 |
+
lgQuery.prototype.first = function () {
|
278 |
+
if (this.selector && this.selector.length !== undefined) {
|
279 |
+
return $LG(this.selector[0]);
|
280 |
+
}
|
281 |
+
else {
|
282 |
+
return $LG(this.selector);
|
283 |
+
}
|
284 |
+
};
|
285 |
+
lgQuery.prototype.eq = function (index) {
|
286 |
+
return $LG(this.selector[index]);
|
287 |
+
};
|
288 |
+
lgQuery.prototype.parent = function () {
|
289 |
+
return $LG(this.selector.parentElement);
|
290 |
+
};
|
291 |
+
lgQuery.prototype.get = function () {
|
292 |
+
return this._getFirstEl();
|
293 |
+
};
|
294 |
+
lgQuery.prototype.removeAttr = function (attributes) {
|
295 |
+
var attrs = attributes.split(' ');
|
296 |
+
this._each(function (el) {
|
297 |
+
attrs.forEach(function (attr) { return el.removeAttribute(attr); });
|
298 |
+
});
|
299 |
+
return this;
|
300 |
+
};
|
301 |
+
lgQuery.prototype.wrap = function (className) {
|
302 |
+
if (!this.firstElement) {
|
303 |
+
return this;
|
304 |
+
}
|
305 |
+
var wrapper = document.createElement('div');
|
306 |
+
wrapper.className = className;
|
307 |
+
this.firstElement.parentNode.insertBefore(wrapper, this.firstElement);
|
308 |
+
this.firstElement.parentNode.removeChild(this.firstElement);
|
309 |
+
wrapper.appendChild(this.firstElement);
|
310 |
+
return this;
|
311 |
+
};
|
312 |
+
lgQuery.prototype.addClass = function (classNames) {
|
313 |
+
if (classNames === void 0) { classNames = ''; }
|
314 |
+
this._each(function (el) {
|
315 |
+
// IE doesn't support multiple arguments
|
316 |
+
classNames.split(' ').forEach(function (className) {
|
317 |
+
if (className) {
|
318 |
+
el.classList.add(className);
|
319 |
+
}
|
320 |
+
});
|
321 |
+
});
|
322 |
+
return this;
|
323 |
+
};
|
324 |
+
lgQuery.prototype.removeClass = function (classNames) {
|
325 |
+
this._each(function (el) {
|
326 |
+
// IE doesn't support multiple arguments
|
327 |
+
classNames.split(' ').forEach(function (className) {
|
328 |
+
if (className) {
|
329 |
+
el.classList.remove(className);
|
330 |
+
}
|
331 |
+
});
|
332 |
+
});
|
333 |
+
return this;
|
334 |
+
};
|
335 |
+
lgQuery.prototype.hasClass = function (className) {
|
336 |
+
if (!this.firstElement) {
|
337 |
+
return false;
|
338 |
+
}
|
339 |
+
return this.firstElement.classList.contains(className);
|
340 |
+
};
|
341 |
+
lgQuery.prototype.hasAttribute = function (attribute) {
|
342 |
+
if (!this.firstElement) {
|
343 |
+
return false;
|
344 |
+
}
|
345 |
+
return this.firstElement.hasAttribute(attribute);
|
346 |
+
};
|
347 |
+
lgQuery.prototype.toggleClass = function (className) {
|
348 |
+
if (!this.firstElement) {
|
349 |
+
return this;
|
350 |
+
}
|
351 |
+
if (this.hasClass(className)) {
|
352 |
+
this.removeClass(className);
|
353 |
+
}
|
354 |
+
else {
|
355 |
+
this.addClass(className);
|
356 |
+
}
|
357 |
+
return this;
|
358 |
+
};
|
359 |
+
lgQuery.prototype.css = function (property, value) {
|
360 |
+
var _this = this;
|
361 |
+
this._each(function (el) {
|
362 |
+
_this._setCssVendorPrefix(el, property, value);
|
363 |
+
});
|
364 |
+
return this;
|
365 |
+
};
|
366 |
+
// Need to pass separate namespaces for separate elements
|
367 |
+
lgQuery.prototype.on = function (events, listener) {
|
368 |
+
var _this = this;
|
369 |
+
if (!this.selector) {
|
370 |
+
return this;
|
371 |
+
}
|
372 |
+
events.split(' ').forEach(function (event) {
|
373 |
+
if (!Array.isArray(lgQuery.eventListeners[event])) {
|
374 |
+
lgQuery.eventListeners[event] = [];
|
375 |
+
}
|
376 |
+
lgQuery.eventListeners[event].push(listener);
|
377 |
+
_this.selector.addEventListener(event.split('.')[0], listener);
|
378 |
+
});
|
379 |
+
return this;
|
380 |
+
};
|
381 |
+
// @todo - test this
|
382 |
+
lgQuery.prototype.once = function (event, listener) {
|
383 |
+
var _this = this;
|
384 |
+
this.on(event, function () {
|
385 |
+
_this.off(event);
|
386 |
+
listener(event);
|
387 |
+
});
|
388 |
+
return this;
|
389 |
+
};
|
390 |
+
lgQuery.prototype.off = function (event) {
|
391 |
+
var _this = this;
|
392 |
+
if (!this.selector) {
|
393 |
+
return this;
|
394 |
+
}
|
395 |
+
Object.keys(lgQuery.eventListeners).forEach(function (eventName) {
|
396 |
+
if (_this.isEventMatched(event, eventName)) {
|
397 |
+
lgQuery.eventListeners[eventName].forEach(function (listener) {
|
398 |
+
_this.selector.removeEventListener(eventName.split('.')[0], listener);
|
399 |
+
});
|
400 |
+
lgQuery.eventListeners[eventName] = [];
|
401 |
+
}
|
402 |
+
});
|
403 |
+
return this;
|
404 |
+
};
|
405 |
+
lgQuery.prototype.trigger = function (event, detail) {
|
406 |
+
if (!this.firstElement) {
|
407 |
+
return this;
|
408 |
+
}
|
409 |
+
var customEvent = new CustomEvent(event.split('.')[0], {
|
410 |
+
detail: detail || null,
|
411 |
+
});
|
412 |
+
this.firstElement.dispatchEvent(customEvent);
|
413 |
+
return this;
|
414 |
+
};
|
415 |
+
// Does not support IE
|
416 |
+
lgQuery.prototype.load = function (url) {
|
417 |
+
var _this = this;
|
418 |
+
fetch(url)
|
419 |
+
.then(function (res) { return res.text(); })
|
420 |
+
.then(function (html) {
|
421 |
+
_this.selector.innerHTML = html;
|
422 |
+
});
|
423 |
+
return this;
|
424 |
+
};
|
425 |
+
lgQuery.prototype.html = function (html) {
|
426 |
+
if (html === undefined) {
|
427 |
+
if (!this.firstElement) {
|
428 |
+
return '';
|
429 |
+
}
|
430 |
+
return this.firstElement.innerHTML;
|
431 |
+
}
|
432 |
+
this._each(function (el) {
|
433 |
+
el.innerHTML = html;
|
434 |
+
});
|
435 |
+
return this;
|
436 |
+
};
|
437 |
+
lgQuery.prototype.append = function (html) {
|
438 |
+
this._each(function (el) {
|
439 |
+
if (typeof html === 'string') {
|
440 |
+
el.insertAdjacentHTML('beforeend', html);
|
441 |
+
}
|
442 |
+
else {
|
443 |
+
el.appendChild(html);
|
444 |
+
}
|
445 |
+
});
|
446 |
+
return this;
|
447 |
+
};
|
448 |
+
lgQuery.prototype.prepend = function (html) {
|
449 |
+
this._each(function (el) {
|
450 |
+
el.insertAdjacentHTML('afterbegin', html);
|
451 |
+
});
|
452 |
+
return this;
|
453 |
+
};
|
454 |
+
lgQuery.prototype.remove = function () {
|
455 |
+
this._each(function (el) {
|
456 |
+
el.parentNode.removeChild(el);
|
457 |
+
});
|
458 |
+
return this;
|
459 |
+
};
|
460 |
+
lgQuery.prototype.empty = function () {
|
461 |
+
this._each(function (el) {
|
462 |
+
el.innerHTML = '';
|
463 |
+
});
|
464 |
+
return this;
|
465 |
+
};
|
466 |
+
lgQuery.prototype.scrollTop = function (scrollTop) {
|
467 |
+
if (scrollTop !== undefined) {
|
468 |
+
document.body.scrollTop = scrollTop;
|
469 |
+
document.documentElement.scrollTop = scrollTop;
|
470 |
+
return this;
|
471 |
+
}
|
472 |
+
else {
|
473 |
+
return (window.pageYOffset ||
|
474 |
+
document.documentElement.scrollTop ||
|
475 |
+
document.body.scrollTop ||
|
476 |
+
0);
|
477 |
+
}
|
478 |
+
};
|
479 |
+
lgQuery.prototype.scrollLeft = function (scrollLeft) {
|
480 |
+
if (scrollLeft !== undefined) {
|
481 |
+
document.body.scrollLeft = scrollLeft;
|
482 |
+
document.documentElement.scrollLeft = scrollLeft;
|
483 |
+
return this;
|
484 |
+
}
|
485 |
+
else {
|
486 |
+
return (window.pageXOffset ||
|
487 |
+
document.documentElement.scrollLeft ||
|
488 |
+
document.body.scrollLeft ||
|
489 |
+
0);
|
490 |
+
}
|
491 |
+
};
|
492 |
+
lgQuery.prototype.offset = function () {
|
493 |
+
if (!this.firstElement) {
|
494 |
+
return {
|
495 |
+
left: 0,
|
496 |
+
top: 0,
|
497 |
+
};
|
498 |
+
}
|
499 |
+
var rect = this.firstElement.getBoundingClientRect();
|
500 |
+
var bodyMarginLeft = $LG('body').style().marginLeft;
|
501 |
+
// Minus body margin - https://stackoverflow.com/questions/30711548/is-getboundingclientrect-left-returning-a-wrong-value
|
502 |
+
return {
|
503 |
+
left: rect.left - parseFloat(bodyMarginLeft) + this.scrollLeft(),
|
504 |
+
top: rect.top + this.scrollTop(),
|
505 |
+
};
|
506 |
+
};
|
507 |
+
lgQuery.prototype.style = function () {
|
508 |
+
if (!this.firstElement) {
|
509 |
+
return {};
|
510 |
+
}
|
511 |
+
return (this.firstElement.currentStyle ||
|
512 |
+
window.getComputedStyle(this.firstElement));
|
513 |
+
};
|
514 |
+
// Width without padding and border even if box-sizing is used.
|
515 |
+
lgQuery.prototype.width = function () {
|
516 |
+
var style = this.style();
|
517 |
+
return (this.firstElement.clientWidth -
|
518 |
+
parseFloat(style.paddingLeft) -
|
519 |
+
parseFloat(style.paddingRight));
|
520 |
+
};
|
521 |
+
// Height without padding and border even if box-sizing is used.
|
522 |
+
lgQuery.prototype.height = function () {
|
523 |
+
var style = this.style();
|
524 |
+
return (this.firstElement.clientHeight -
|
525 |
+
parseFloat(style.paddingTop) -
|
526 |
+
parseFloat(style.paddingBottom));
|
527 |
+
};
|
528 |
+
lgQuery.eventListeners = {};
|
529 |
+
return lgQuery;
|
530 |
+
}());
|
531 |
+
function $LG(selector) {
|
532 |
+
initLgPolyfills();
|
533 |
+
return new lgQuery(selector);
|
534 |
+
}
|
535 |
+
|
536 |
+
var defaultDynamicOptions = [
|
537 |
+
'src',
|
538 |
+
'sources',
|
539 |
+
'subHtml',
|
540 |
+
'subHtmlUrl',
|
541 |
+
'html',
|
542 |
+
'video',
|
543 |
+
'poster',
|
544 |
+
'slideName',
|
545 |
+
'responsive',
|
546 |
+
'srcset',
|
547 |
+
'sizes',
|
548 |
+
'iframe',
|
549 |
+
'downloadUrl',
|
550 |
+
'download',
|
551 |
+
'width',
|
552 |
+
'facebookShareUrl',
|
553 |
+
'tweetText',
|
554 |
+
'iframeTitle',
|
555 |
+
'twitterShareUrl',
|
556 |
+
'pinterestShareUrl',
|
557 |
+
'pinterestText',
|
558 |
+
'fbHtml',
|
559 |
+
'disqusIdentifier',
|
560 |
+
'disqusUrl',
|
561 |
+
];
|
562 |
+
// Convert html data-attribute to camalcase
|
563 |
+
function convertToData(attr) {
|
564 |
+
// FInd a way for lgsize
|
565 |
+
if (attr === 'href') {
|
566 |
+
return 'src';
|
567 |
+
}
|
568 |
+
attr = attr.replace('data-', '');
|
569 |
+
attr = attr.charAt(0).toLowerCase() + attr.slice(1);
|
570 |
+
attr = attr.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); });
|
571 |
+
return attr;
|
572 |
+
}
|
573 |
+
var utils = {
|
574 |
+
/**
|
575 |
+
* get possible width and height from the lgSize attribute. Used for ZoomFromOrigin option
|
576 |
+
*/
|
577 |
+
getSize: function (el, container, spacing, defaultLgSize) {
|
578 |
+
if (spacing === void 0) { spacing = 0; }
|
579 |
+
var LGel = $LG(el);
|
580 |
+
var lgSize = LGel.attr('data-lg-size') || defaultLgSize;
|
581 |
+
if (!lgSize) {
|
582 |
+
return;
|
583 |
+
}
|
584 |
+
var isResponsiveSizes = lgSize.split(',');
|
585 |
+
// if at-least two viewport sizes are available
|
586 |
+
if (isResponsiveSizes[1]) {
|
587 |
+
var wWidth = window.innerWidth;
|
588 |
+
for (var i = 0; i < isResponsiveSizes.length; i++) {
|
589 |
+
var size_1 = isResponsiveSizes[i];
|
590 |
+
var responsiveWidth = parseInt(size_1.split('-')[2], 10);
|
591 |
+
if (responsiveWidth > wWidth) {
|
592 |
+
lgSize = size_1;
|
593 |
+
break;
|
594 |
+
}
|
595 |
+
// take last item as last option
|
596 |
+
if (i === isResponsiveSizes.length - 1) {
|
597 |
+
lgSize = size_1;
|
598 |
+
}
|
599 |
+
}
|
600 |
+
}
|
601 |
+
var size = lgSize.split('-');
|
602 |
+
var width = parseInt(size[0], 10);
|
603 |
+
var height = parseInt(size[1], 10);
|
604 |
+
var cWidth = container.width();
|
605 |
+
var cHeight = container.height() - spacing;
|
606 |
+
var maxWidth = Math.min(cWidth, width);
|
607 |
+
var maxHeight = Math.min(cHeight, height);
|
608 |
+
var ratio = Math.min(maxWidth / width, maxHeight / height);
|
609 |
+
return { width: width * ratio, height: height * ratio };
|
610 |
+
},
|
611 |
+
/**
|
612 |
+
* @desc Get transform value based on the imageSize. Used for ZoomFromOrigin option
|
613 |
+
* @param {jQuery Element}
|
614 |
+
* @returns {String} Transform CSS string
|
615 |
+
*/
|
616 |
+
getTransform: function (el, container, top, bottom, imageSize) {
|
617 |
+
if (!imageSize) {
|
618 |
+
return;
|
619 |
+
}
|
620 |
+
var LGel = $LG(el).find('img').first();
|
621 |
+
if (!LGel.get()) {
|
622 |
+
return;
|
623 |
+
}
|
624 |
+
var containerRect = container.get().getBoundingClientRect();
|
625 |
+
var wWidth = containerRect.width;
|
626 |
+
// using innerWidth to include mobile safari bottom bar
|
627 |
+
var wHeight = container.height() - (top + bottom);
|
628 |
+
var elWidth = LGel.width();
|
629 |
+
var elHeight = LGel.height();
|
630 |
+
var elStyle = LGel.style();
|
631 |
+
var x = (wWidth - elWidth) / 2 -
|
632 |
+
LGel.offset().left +
|
633 |
+
(parseFloat(elStyle.paddingLeft) || 0) +
|
634 |
+
(parseFloat(elStyle.borderLeft) || 0) +
|
635 |
+
$LG(window).scrollLeft() +
|
636 |
+
containerRect.left;
|
637 |
+
var y = (wHeight - elHeight) / 2 -
|
638 |
+
LGel.offset().top +
|
639 |
+
(parseFloat(elStyle.paddingTop) || 0) +
|
640 |
+
(parseFloat(elStyle.borderTop) || 0) +
|
641 |
+
$LG(window).scrollTop() +
|
642 |
+
top;
|
643 |
+
var scX = elWidth / imageSize.width;
|
644 |
+
var scY = elHeight / imageSize.height;
|
645 |
+
var transform = 'translate3d(' +
|
646 |
+
(x *= -1) +
|
647 |
+
'px, ' +
|
648 |
+
(y *= -1) +
|
649 |
+
'px, 0) scale3d(' +
|
650 |
+
scX +
|
651 |
+
', ' +
|
652 |
+
scY +
|
653 |
+
', 1)';
|
654 |
+
return transform;
|
655 |
+
},
|
656 |
+
getIframeMarkup: function (iframeWidth, iframeHeight, iframeMaxWidth, iframeMaxHeight, src, iframeTitle) {
|
657 |
+
var title = iframeTitle ? 'title="' + iframeTitle + '"' : '';
|
658 |
+
return "<div class=\"lg-video-cont lg-has-iframe\" style=\"width:" + iframeWidth + "; max-width:" + iframeMaxWidth + "; height: " + iframeHeight + "; max-height:" + iframeMaxHeight + "\">\n <iframe class=\"lg-object\" frameborder=\"0\" " + title + " src=\"" + src + "\" allowfullscreen=\"true\"></iframe>\n </div>";
|
659 |
+
},
|
660 |
+
getImgMarkup: function (index, src, altAttr, srcset, sizes, sources) {
|
661 |
+
var srcsetAttr = srcset ? "srcset=\"" + srcset + "\"" : '';
|
662 |
+
var sizesAttr = sizes ? "sizes=\"" + sizes + "\"" : '';
|
663 |
+
var imgMarkup = "<img " + altAttr + " " + srcsetAttr + " " + sizesAttr + " class=\"lg-object lg-image\" data-index=\"" + index + "\" src=\"" + src + "\" />";
|
664 |
+
var sourceTag = '';
|
665 |
+
if (sources) {
|
666 |
+
var sourceObj = typeof sources === 'string' ? JSON.parse(sources) : sources;
|
667 |
+
sourceTag = sourceObj.map(function (source) {
|
668 |
+
var attrs = '';
|
669 |
+
Object.keys(source).forEach(function (key) {
|
670 |
+
// Do not remove the first space as it is required to separate the attributes
|
671 |
+
attrs += " " + key + "=\"" + source[key] + "\"";
|
672 |
+
});
|
673 |
+
return "<source " + attrs + "></source>";
|
674 |
+
});
|
675 |
+
}
|
676 |
+
return "" + sourceTag + imgMarkup;
|
677 |
+
},
|
678 |
+
// Get src from responsive src
|
679 |
+
getResponsiveSrc: function (srcItms) {
|
680 |
+
var rsWidth = [];
|
681 |
+
var rsSrc = [];
|
682 |
+
var src = '';
|
683 |
+
for (var i = 0; i < srcItms.length; i++) {
|
684 |
+
var _src = srcItms[i].split(' ');
|
685 |
+
// Manage empty space
|
686 |
+
if (_src[0] === '') {
|
687 |
+
_src.splice(0, 1);
|
688 |
+
}
|
689 |
+
rsSrc.push(_src[0]);
|
690 |
+
rsWidth.push(_src[1]);
|
691 |
+
}
|
692 |
+
var wWidth = window.innerWidth;
|
693 |
+
for (var j = 0; j < rsWidth.length; j++) {
|
694 |
+
if (parseInt(rsWidth[j], 10) > wWidth) {
|
695 |
+
src = rsSrc[j];
|
696 |
+
break;
|
697 |
+
}
|
698 |
+
}
|
699 |
+
return src;
|
700 |
+
},
|
701 |
+
isImageLoaded: function (img) {
|
702 |
+
if (!img)
|
703 |
+
return false;
|
704 |
+
// During the onload event, IE correctly identifies any images that
|
705 |
+
// weren’t downloaded as not complete. Others should too. Gecko-based
|
706 |
+
// browsers act like NS4 in that they report this incorrectly.
|
707 |
+
if (!img.complete) {
|
708 |
+
return false;
|
709 |
+
}
|
710 |
+
// However, they do have two very useful properties: naturalWidth and
|
711 |
+
// naturalHeight. These give the true size of the image. If it failed
|
712 |
+
// to load, either of these should be zero.
|
713 |
+
if (img.naturalWidth === 0) {
|
714 |
+
return false;
|
715 |
+
}
|
716 |
+
// No other way of checking: assume it’s ok.
|
717 |
+
return true;
|
718 |
+
},
|
719 |
+
getVideoPosterMarkup: function (_poster, dummyImg, videoContStyle, playVideoString, _isVideo) {
|
720 |
+
var videoClass = '';
|
721 |
+
if (_isVideo && _isVideo.youtube) {
|
722 |
+
videoClass = 'lg-has-youtube';
|
723 |
+
}
|
724 |
+
else if (_isVideo && _isVideo.vimeo) {
|
725 |
+
videoClass = 'lg-has-vimeo';
|
726 |
+
}
|
727 |
+
else {
|
728 |
+
videoClass = 'lg-has-html5';
|
729 |
+
}
|
730 |
+
return "<div class=\"lg-video-cont " + videoClass + "\" style=\"" + videoContStyle + "\">\n <div class=\"lg-video-play-button\">\n <svg\n viewBox=\"0 0 20 20\"\n preserveAspectRatio=\"xMidYMid\"\n focusable=\"false\"\n aria-labelledby=\"" + playVideoString + "\"\n role=\"img\"\n class=\"lg-video-play-icon\"\n >\n <title>" + playVideoString + "</title>\n <polygon class=\"lg-video-play-icon-inner\" points=\"1,0 20,10 1,20\"></polygon>\n </svg>\n <svg class=\"lg-video-play-icon-bg\" viewBox=\"0 0 50 50\" focusable=\"false\">\n <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle></svg>\n <svg class=\"lg-video-play-icon-circle\" viewBox=\"0 0 50 50\" focusable=\"false\">\n <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle>\n </svg>\n </div>\n " + (dummyImg || '') + "\n <img class=\"lg-object lg-video-poster\" src=\"" + _poster + "\" />\n </div>";
|
731 |
+
},
|
732 |
+
getFocusableElements: function (container) {
|
733 |
+
var elements = container.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])');
|
734 |
+
var visibleElements = [].filter.call(elements, function (element) {
|
735 |
+
var style = window.getComputedStyle(element);
|
736 |
+
return style.display !== 'none' && style.visibility !== 'hidden';
|
737 |
+
});
|
738 |
+
return visibleElements;
|
739 |
+
},
|
740 |
+
/**
|
741 |
+
* @desc Create dynamic elements array from gallery items when dynamic option is false
|
742 |
+
* It helps to avoid frequent DOM interaction
|
743 |
+
* and avoid multiple checks for dynamic elments
|
744 |
+
*
|
745 |
+
* @returns {Array} dynamicEl
|
746 |
+
*/
|
747 |
+
getDynamicOptions: function (items, extraProps, getCaptionFromTitleOrAlt, exThumbImage) {
|
748 |
+
var dynamicElements = [];
|
749 |
+
var availableDynamicOptions = __spreadArrays(defaultDynamicOptions, extraProps);
|
750 |
+
[].forEach.call(items, function (item) {
|
751 |
+
var dynamicEl = {};
|
752 |
+
for (var i = 0; i < item.attributes.length; i++) {
|
753 |
+
var attr = item.attributes[i];
|
754 |
+
if (attr.specified) {
|
755 |
+
var dynamicAttr = convertToData(attr.name);
|
756 |
+
var label = '';
|
757 |
+
if (availableDynamicOptions.indexOf(dynamicAttr) > -1) {
|
758 |
+
label = dynamicAttr;
|
759 |
+
}
|
760 |
+
if (label) {
|
761 |
+
dynamicEl[label] = attr.value;
|
762 |
+
}
|
763 |
+
}
|
764 |
+
}
|
765 |
+
var currentItem = $LG(item);
|
766 |
+
var alt = currentItem.find('img').first().attr('alt');
|
767 |
+
var title = currentItem.attr('title');
|
768 |
+
var thumb = exThumbImage
|
769 |
+
? currentItem.attr(exThumbImage)
|
770 |
+
: currentItem.find('img').first().attr('src');
|
771 |
+
dynamicEl.thumb = thumb;
|
772 |
+
if (getCaptionFromTitleOrAlt && !dynamicEl.subHtml) {
|
773 |
+
dynamicEl.subHtml = title || alt || '';
|
774 |
+
}
|
775 |
+
dynamicEl.alt = alt || title || '';
|
776 |
+
dynamicElements.push(dynamicEl);
|
777 |
+
});
|
778 |
+
return dynamicElements;
|
779 |
+
},
|
780 |
+
isMobile: function () {
|
781 |
+
return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
|
782 |
+
},
|
783 |
+
/**
|
784 |
+
* @desc Check the given src is video
|
785 |
+
* @param {String} src
|
786 |
+
* @return {Object} video type
|
787 |
+
* Ex:{ youtube : ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] }
|
788 |
+
*
|
789 |
+
* @todo - this information can be moved to dynamicEl to avoid frequent calls
|
790 |
+
*/
|
791 |
+
isVideo: function (src, isHTML5VIdeo, index) {
|
792 |
+
if (!src) {
|
793 |
+
if (isHTML5VIdeo) {
|
794 |
+
return {
|
795 |
+
html5: true,
|
796 |
+
};
|
797 |
+
}
|
798 |
+
else {
|
799 |
+
console.error('lightGallery :- data-src is not provided on slide item ' +
|
800 |
+
(index + 1) +
|
801 |
+
'. Please make sure the selector property is properly configured. More info - https://www.lightgalleryjs.com/demos/html-markup/');
|
802 |
+
return;
|
803 |
+
}
|
804 |
+
}
|
805 |
+
var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)([\&|?][\S]*)*/i);
|
806 |
+
var vimeo = src.match(/\/\/(?:www\.)?(?:player\.)?vimeo.com\/(?:video\/)?([0-9a-z\-_]+)(.*)?/i);
|
807 |
+
var wistia = src.match(/https?:\/\/(.+)?(wistia\.com|wi\.st)\/(medias|embed)\/([0-9a-z\-_]+)(.*)/);
|
808 |
+
if (youtube) {
|
809 |
+
return {
|
810 |
+
youtube: youtube,
|
811 |
+
};
|
812 |
+
}
|
813 |
+
else if (vimeo) {
|
814 |
+
return {
|
815 |
+
vimeo: vimeo,
|
816 |
+
};
|
817 |
+
}
|
818 |
+
else if (wistia) {
|
819 |
+
return {
|
820 |
+
wistia: wistia,
|
821 |
+
};
|
822 |
+
}
|
823 |
+
},
|
824 |
+
};
|
825 |
+
|
826 |
+
// @ref - https://stackoverflow.com/questions/3971841/how-to-resize-images-proportionally-keeping-the-aspect-ratio
|
827 |
+
// @ref - https://2ality.com/2017/04/setting-up-multi-platform-packages.html
|
828 |
+
// Unique id for each gallery
|
829 |
+
var lgId = 0;
|
830 |
+
var LightGallery = /** @class */ (function () {
|
831 |
+
function LightGallery(element, options) {
|
832 |
+
this.lgOpened = false;
|
833 |
+
this.index = 0;
|
834 |
+
// lightGallery modules
|
835 |
+
this.plugins = [];
|
836 |
+
// false when lightGallery load first slide content;
|
837 |
+
this.lGalleryOn = false;
|
838 |
+
// True when a slide animation is in progress
|
839 |
+
this.lgBusy = false;
|
840 |
+
this.currentItemsInDom = [];
|
841 |
+
// Scroll top value before lightGallery is opened
|
842 |
+
this.prevScrollTop = 0;
|
843 |
+
this.bodyPaddingRight = 0;
|
844 |
+
this.isDummyImageRemoved = false;
|
845 |
+
this.dragOrSwipeEnabled = false;
|
846 |
+
this.mediaContainerPosition = {
|
847 |
+
top: 0,
|
848 |
+
bottom: 0,
|
849 |
+
};
|
850 |
+
if (!element) {
|
851 |
+
return this;
|
852 |
+
}
|
853 |
+
lgId++;
|
854 |
+
this.lgId = lgId;
|
855 |
+
this.el = element;
|
856 |
+
this.LGel = $LG(element);
|
857 |
+
this.generateSettings(options);
|
858 |
+
this.buildModules();
|
859 |
+
// When using dynamic mode, ensure dynamicEl is an array
|
860 |
+
if (this.settings.dynamic &&
|
861 |
+
this.settings.dynamicEl !== undefined &&
|
862 |
+
!Array.isArray(this.settings.dynamicEl)) {
|
863 |
+
throw 'When using dynamic mode, you must also define dynamicEl as an Array.';
|
864 |
+
}
|
865 |
+
this.galleryItems = this.getItems();
|
866 |
+
this.normalizeSettings();
|
867 |
+
// Gallery items
|
868 |
+
this.init();
|
869 |
+
this.validateLicense();
|
870 |
+
return this;
|
871 |
+
}
|
872 |
+
LightGallery.prototype.generateSettings = function (options) {
|
873 |
+
// lightGallery settings
|
874 |
+
this.settings = __assign(__assign({}, lightGalleryCoreSettings), options);
|
875 |
+
if (this.settings.isMobile &&
|
876 |
+
typeof this.settings.isMobile === 'function'
|
877 |
+
? this.settings.isMobile()
|
878 |
+
: utils.isMobile()) {
|
879 |
+
var mobileSettings = __assign(__assign({}, this.settings.mobileSettings), this.settings.mobileSettings);
|
880 |
+
this.settings = __assign(__assign({}, this.settings), mobileSettings);
|
881 |
+
}
|
882 |
+
};
|
883 |
+
LightGallery.prototype.normalizeSettings = function () {
|
884 |
+
if (this.settings.slideEndAnimation) {
|
885 |
+
this.settings.hideControlOnEnd = false;
|
886 |
+
}
|
887 |
+
if (!this.settings.closable) {
|
888 |
+
this.settings.swipeToClose = false;
|
889 |
+
}
|
890 |
+
// And reset it on close to get the correct value next time
|
891 |
+
this.zoomFromOrigin = this.settings.zoomFromOrigin;
|
892 |
+
// At the moment, Zoom from image doesn't support dynamic options
|
893 |
+
// @todo add zoomFromOrigin support for dynamic images
|
894 |
+
if (this.settings.dynamic) {
|
895 |
+
this.zoomFromOrigin = false;
|
896 |
+
}
|
897 |
+
if (!this.settings.container) {
|
898 |
+
this.settings.container = document.body;
|
899 |
+
}
|
900 |
+
// settings.preload should not be grater than $item.length
|
901 |
+
this.settings.preload = Math.min(this.settings.preload, this.galleryItems.length);
|
902 |
+
};
|
903 |
+
LightGallery.prototype.init = function () {
|
904 |
+
var _this = this;
|
905 |
+
this.addSlideVideoInfo(this.galleryItems);
|
906 |
+
this.buildStructure();
|
907 |
+
this.LGel.trigger(lGEvents.init, {
|
908 |
+
instance: this,
|
909 |
+
});
|
910 |
+
if (this.settings.keyPress) {
|
911 |
+
this.keyPress();
|
912 |
+
}
|
913 |
+
setTimeout(function () {
|
914 |
+
_this.enableDrag();
|
915 |
+
_this.enableSwipe();
|
916 |
+
_this.triggerPosterClick();
|
917 |
+
}, 50);
|
918 |
+
this.arrow();
|
919 |
+
if (this.settings.mousewheel) {
|
920 |
+
this.mousewheel();
|
921 |
+
}
|
922 |
+
if (!this.settings.dynamic) {
|
923 |
+
this.openGalleryOnItemClick();
|
924 |
+
}
|
925 |
+
};
|
926 |
+
LightGallery.prototype.openGalleryOnItemClick = function () {
|
927 |
+
var _this = this;
|
928 |
+
var _loop_1 = function (index) {
|
929 |
+
var element = this_1.items[index];
|
930 |
+
var $element = $LG(element);
|
931 |
+
// Using different namespace for click because click event should not unbind if selector is same object('this')
|
932 |
+
// @todo manage all event listners - should have namespace that represent element
|
933 |
+
var uuid = lgQuery.generateUUID();
|
934 |
+
$element
|
935 |
+
.attr('data-lg-id', uuid)
|
936 |
+
.on("click.lgcustom-item-" + uuid, function (e) {
|
937 |
+
e.preventDefault();
|
938 |
+
var currentItemIndex = _this.settings.index || index;
|
939 |
+
_this.openGallery(currentItemIndex, element);
|
940 |
+
});
|
941 |
+
};
|
942 |
+
var this_1 = this;
|
943 |
+
// Using for loop instead of using bubbling as the items can be any html element.
|
944 |
+
for (var index = 0; index < this.items.length; index++) {
|
945 |
+
_loop_1(index);
|
946 |
+
}
|
947 |
+
};
|
948 |
+
/**
|
949 |
+
* Module constructor
|
950 |
+
* Modules are build incrementally.
|
951 |
+
* Gallery should be opened only once all the modules are initialized.
|
952 |
+
* use moduleBuildTimeout to make sure this
|
953 |
+
*/
|
954 |
+
LightGallery.prototype.buildModules = function () {
|
955 |
+
var _this = this;
|
956 |
+
this.settings.plugins.forEach(function (plugin) {
|
957 |
+
_this.plugins.push(new plugin(_this, $LG));
|
958 |
+
});
|
959 |
+
};
|
960 |
+
LightGallery.prototype.validateLicense = function () {
|
961 |
+
if (!this.settings.licenseKey) {
|
962 |
+
console.error('Please provide a valid license key');
|
963 |
+
}
|
964 |
+
else if (this.settings.licenseKey === '0000-0000-000-0000') {
|
965 |
+
console.warn("lightGallery: " + this.settings.licenseKey + " license key is not valid for production use");
|
966 |
+
}
|
967 |
+
};
|
968 |
+
LightGallery.prototype.getSlideItem = function (index) {
|
969 |
+
return $LG(this.getSlideItemId(index));
|
970 |
+
};
|
971 |
+
LightGallery.prototype.getSlideItemId = function (index) {
|
972 |
+
return "#lg-item-" + this.lgId + "-" + index;
|
973 |
+
};
|
974 |
+
LightGallery.prototype.getIdName = function (id) {
|
975 |
+
return id + "-" + this.lgId;
|
976 |
+
};
|
977 |
+
LightGallery.prototype.getElementById = function (id) {
|
978 |
+
return $LG("#" + this.getIdName(id));
|
979 |
+
};
|
980 |
+
LightGallery.prototype.manageSingleSlideClassName = function () {
|
981 |
+
if (this.galleryItems.length < 2) {
|
982 |
+
this.outer.addClass('lg-single-item');
|
983 |
+
}
|
984 |
+
else {
|
985 |
+
this.outer.removeClass('lg-single-item');
|
986 |
+
}
|
987 |
+
};
|
988 |
+
LightGallery.prototype.buildStructure = function () {
|
989 |
+
var _this = this;
|
990 |
+
var container = this.$container && this.$container.get();
|
991 |
+
if (container) {
|
992 |
+
return;
|
993 |
+
}
|
994 |
+
var controls = '';
|
995 |
+
var subHtmlCont = '';
|
996 |
+
// Create controls
|
997 |
+
if (this.settings.controls) {
|
998 |
+
controls = "<button type=\"button\" id=\"" + this.getIdName('lg-prev') + "\" aria-label=\"" + this.settings.strings['previousSlide'] + "\" class=\"lg-prev lg-icon\"> " + this.settings.prevHtml + " </button>\n <button type=\"button\" id=\"" + this.getIdName('lg-next') + "\" aria-label=\"" + this.settings.strings['nextSlide'] + "\" class=\"lg-next lg-icon\"> " + this.settings.nextHtml + " </button>";
|
999 |
+
}
|
1000 |
+
if (this.settings.appendSubHtmlTo !== '.lg-item') {
|
1001 |
+
subHtmlCont =
|
1002 |
+
'<div class="lg-sub-html" role="status" aria-live="polite"></div>';
|
1003 |
+
}
|
1004 |
+
var addClasses = '';
|
1005 |
+
if (this.settings.allowMediaOverlap) {
|
1006 |
+
// Do not remove space before last single quote
|
1007 |
+
addClasses += 'lg-media-overlap ';
|
1008 |
+
}
|
1009 |
+
var ariaLabelledby = this.settings.ariaLabelledby
|
1010 |
+
? 'aria-labelledby="' + this.settings.ariaLabelledby + '"'
|
1011 |
+
: '';
|
1012 |
+
var ariaDescribedby = this.settings.ariaDescribedby
|
1013 |
+
? 'aria-describedby="' + this.settings.ariaDescribedby + '"'
|
1014 |
+
: '';
|
1015 |
+
var containerClassName = "lg-container " + this.settings.addClass + " " + (document.body !== this.settings.container ? 'lg-inline' : '');
|
1016 |
+
var closeIcon = this.settings.closable && this.settings.showCloseIcon
|
1017 |
+
? "<button type=\"button\" aria-label=\"" + this.settings.strings['closeGallery'] + "\" id=\"" + this.getIdName('lg-close') + "\" class=\"lg-close lg-icon\"></button>"
|
1018 |
+
: '';
|
1019 |
+
var maximizeIcon = this.settings.showMaximizeIcon
|
1020 |
+
? "<button type=\"button\" aria-label=\"" + this.settings.strings['toggleMaximize'] + "\" id=\"" + this.getIdName('lg-maximize') + "\" class=\"lg-maximize lg-icon\"></button>"
|
1021 |
+
: '';
|
1022 |
+
var template = "\n <div class=\"" + containerClassName + "\" id=\"" + this.getIdName('lg-container') + "\" tabindex=\"-1\" aria-modal=\"true\" " + ariaLabelledby + " " + ariaDescribedby + " role=\"dialog\"\n >\n <div id=\"" + this.getIdName('lg-backdrop') + "\" class=\"lg-backdrop\"></div>\n\n <div id=\"" + this.getIdName('lg-outer') + "\" class=\"lg-outer lg-use-css3 lg-css3 lg-hide-items " + addClasses + " \">\n\n <div id=\"" + this.getIdName('lg-content') + "\" class=\"lg-content\">\n <div id=\"" + this.getIdName('lg-inner') + "\" class=\"lg-inner\">\n </div>\n " + controls + "\n </div>\n <div id=\"" + this.getIdName('lg-toolbar') + "\" class=\"lg-toolbar lg-group\">\n " + maximizeIcon + "\n " + closeIcon + "\n </div>\n " + (this.settings.appendSubHtmlTo === '.lg-outer'
|
1023 |
+
? subHtmlCont
|
1024 |
+
: '') + "\n <div id=\"" + this.getIdName('lg-components') + "\" class=\"lg-components\">\n " + (this.settings.appendSubHtmlTo === '.lg-sub-html'
|
1025 |
+
? subHtmlCont
|
1026 |
+
: '') + "\n </div>\n </div>\n </div>\n ";
|
1027 |
+
$LG(this.settings.container).append(template);
|
1028 |
+
if (document.body !== this.settings.container) {
|
1029 |
+
$LG(this.settings.container).css('position', 'relative');
|
1030 |
+
}
|
1031 |
+
this.outer = this.getElementById('lg-outer');
|
1032 |
+
this.$lgComponents = this.getElementById('lg-components');
|
1033 |
+
this.$backdrop = this.getElementById('lg-backdrop');
|
1034 |
+
this.$container = this.getElementById('lg-container');
|
1035 |
+
this.$inner = this.getElementById('lg-inner');
|
1036 |
+
this.$content = this.getElementById('lg-content');
|
1037 |
+
this.$toolbar = this.getElementById('lg-toolbar');
|
1038 |
+
this.$backdrop.css('transition-duration', this.settings.backdropDuration + 'ms');
|
1039 |
+
var outerClassNames = this.settings.mode + " ";
|
1040 |
+
this.manageSingleSlideClassName();
|
1041 |
+
if (this.settings.enableDrag) {
|
1042 |
+
outerClassNames += 'lg-grab ';
|
1043 |
+
}
|
1044 |
+
this.outer.addClass(outerClassNames);
|
1045 |
+
this.$inner.css('transition-timing-function', this.settings.easing);
|
1046 |
+
this.$inner.css('transition-duration', this.settings.speed + 'ms');
|
1047 |
+
if (this.settings.download) {
|
1048 |
+
this.$toolbar.append("<a id=\"" + this.getIdName('lg-download') + "\" target=\"_blank\" rel=\"noopener\" aria-label=\"" + this.settings.strings['download'] + "\" download class=\"lg-download lg-icon\"></a>");
|
1049 |
+
}
|
1050 |
+
this.counter();
|
1051 |
+
$LG(window).on("resize.lg.global" + this.lgId + " orientationchange.lg.global" + this.lgId, function () {
|
1052 |
+
_this.refreshOnResize();
|
1053 |
+
});
|
1054 |
+
this.hideBars();
|
1055 |
+
this.manageCloseGallery();
|
1056 |
+
this.toggleMaximize();
|
1057 |
+
this.initModules();
|
1058 |
+
};
|
1059 |
+
LightGallery.prototype.refreshOnResize = function () {
|
1060 |
+
if (this.lgOpened) {
|
1061 |
+
var currentGalleryItem = this.galleryItems[this.index];
|
1062 |
+
var __slideVideoInfo = currentGalleryItem.__slideVideoInfo;
|
1063 |
+
this.mediaContainerPosition = this.getMediaContainerPosition();
|
1064 |
+
var _a = this.mediaContainerPosition, top_1 = _a.top, bottom = _a.bottom;
|
1065 |
+
this.currentImageSize = utils.getSize(this.items[this.index], this.outer, top_1 + bottom, __slideVideoInfo && this.settings.videoMaxSize);
|
1066 |
+
if (__slideVideoInfo) {
|
1067 |
+
this.resizeVideoSlide(this.index, this.currentImageSize);
|
1068 |
+
}
|
1069 |
+
if (this.zoomFromOrigin && !this.isDummyImageRemoved) {
|
1070 |
+
var imgStyle = this.getDummyImgStyles(this.currentImageSize);
|
1071 |
+
this.outer
|
1072 |
+
.find('.lg-current .lg-dummy-img')
|
1073 |
+
.first()
|
1074 |
+
.attr('style', imgStyle);
|
1075 |
+
}
|
1076 |
+
this.LGel.trigger(lGEvents.containerResize);
|
1077 |
+
}
|
1078 |
+
};
|
1079 |
+
LightGallery.prototype.resizeVideoSlide = function (index, imageSize) {
|
1080 |
+
var lgVideoStyle = this.getVideoContStyle(imageSize);
|
1081 |
+
var currentSlide = this.getSlideItem(index);
|
1082 |
+
currentSlide.find('.lg-video-cont').attr('style', lgVideoStyle);
|
1083 |
+
};
|
1084 |
+
/**
|
1085 |
+
* Update slides dynamically.
|
1086 |
+
* Add, edit or delete slides dynamically when lightGallery is opened.
|
1087 |
+
* Modify the current gallery items and pass it via updateSlides method
|
1088 |
+
* @note
|
1089 |
+
* - Do not mutate existing lightGallery items directly.
|
1090 |
+
* - Always pass new list of gallery items
|
1091 |
+
* - You need to take care of thumbnails outside the gallery if any
|
1092 |
+
* - user this method only if you want to update slides when the gallery is opened. Otherwise, use `refresh()` method.
|
1093 |
+
* @param items Gallery items
|
1094 |
+
* @param index After the update operation, which slide gallery should navigate to
|
1095 |
+
* @category lGPublicMethods
|
1096 |
+
* @example
|
1097 |
+
* const plugin = lightGallery();
|
1098 |
+
*
|
1099 |
+
* // Adding slides dynamically
|
1100 |
+
* let galleryItems = [
|
1101 |
+
* // Access existing lightGallery items
|
1102 |
+
* // galleryItems are automatically generated internally from the gallery HTML markup
|
1103 |
+
* // or directly from galleryItems when dynamic gallery is used
|
1104 |
+
* ...plugin.galleryItems,
|
1105 |
+
* ...[
|
1106 |
+
* {
|
1107 |
+
* src: 'img/img-1.png',
|
1108 |
+
* thumb: 'img/thumb1.png',
|
1109 |
+
* },
|
1110 |
+
* ],
|
1111 |
+
* ];
|
1112 |
+
* plugin.updateSlides(
|
1113 |
+
* galleryItems,
|
1114 |
+
* plugin.index,
|
1115 |
+
* );
|
1116 |
+
*
|
1117 |
+
*
|
1118 |
+
* // Remove slides dynamically
|
1119 |
+
* galleryItems = JSON.parse(
|
1120 |
+
* JSON.stringify(updateSlideInstance.galleryItems),
|
1121 |
+
* );
|
1122 |
+
* galleryItems.shift();
|
1123 |
+
* updateSlideInstance.updateSlides(galleryItems, 1);
|
1124 |
+
* @see <a href="/demos/update-slides/">Demo</a>
|
1125 |
+
*/
|
1126 |
+
LightGallery.prototype.updateSlides = function (items, index) {
|
1127 |
+
if (this.index > items.length - 1) {
|
1128 |
+
this.index = items.length - 1;
|
1129 |
+
}
|
1130 |
+
if (items.length === 1) {
|
1131 |
+
this.index = 0;
|
1132 |
+
}
|
1133 |
+
if (!items.length) {
|
1134 |
+
this.closeGallery();
|
1135 |
+
return;
|
1136 |
+
}
|
1137 |
+
var currentSrc = this.galleryItems[index].src;
|
1138 |
+
this.galleryItems = items;
|
1139 |
+
this.updateControls();
|
1140 |
+
this.$inner.empty();
|
1141 |
+
this.currentItemsInDom = [];
|
1142 |
+
var _index = 0;
|
1143 |
+
// Find the current index based on source value of the slide
|
1144 |
+
this.galleryItems.some(function (galleryItem, itemIndex) {
|
1145 |
+
if (galleryItem.src === currentSrc) {
|
1146 |
+
_index = itemIndex;
|
1147 |
+
return true;
|
1148 |
+
}
|
1149 |
+
return false;
|
1150 |
+
});
|
1151 |
+
this.currentItemsInDom = this.organizeSlideItems(_index, -1);
|
1152 |
+
this.loadContent(_index, true);
|
1153 |
+
this.getSlideItem(_index).addClass('lg-current');
|
1154 |
+
this.index = _index;
|
1155 |
+
this.updateCurrentCounter(_index);
|
1156 |
+
this.LGel.trigger(lGEvents.updateSlides);
|
1157 |
+
};
|
1158 |
+
// Get gallery items based on multiple conditions
|
1159 |
+
LightGallery.prototype.getItems = function () {
|
1160 |
+
// Gallery items
|
1161 |
+
this.items = [];
|
1162 |
+
if (!this.settings.dynamic) {
|
1163 |
+
if (this.settings.selector === 'this') {
|
1164 |
+
this.items.push(this.el);
|
1165 |
+
}
|
1166 |
+
else if (this.settings.selector) {
|
1167 |
+
if (typeof this.settings.selector === 'string') {
|
1168 |
+
if (this.settings.selectWithin) {
|
1169 |
+
var selectWithin = $LG(this.settings.selectWithin);
|
1170 |
+
this.items = selectWithin
|
1171 |
+
.find(this.settings.selector)
|
1172 |
+
.get();
|
1173 |
+
}
|
1174 |
+
else {
|
1175 |
+
this.items = this.el.querySelectorAll(this.settings.selector);
|
1176 |
+
}
|
1177 |
+
}
|
1178 |
+
else {
|
1179 |
+
this.items = this.settings.selector;
|
1180 |
+
}
|
1181 |
+
}
|
1182 |
+
else {
|
1183 |
+
this.items = this.el.children;
|
1184 |
+
}
|
1185 |
+
return utils.getDynamicOptions(this.items, this.settings.extraProps, this.settings.getCaptionFromTitleOrAlt, this.settings.exThumbImage);
|
1186 |
+
}
|
1187 |
+
else {
|
1188 |
+
return this.settings.dynamicEl || [];
|
1189 |
+
}
|
1190 |
+
};
|
1191 |
+
LightGallery.prototype.shouldHideScrollbar = function () {
|
1192 |
+
return (this.settings.hideScrollbar &&
|
1193 |
+
document.body === this.settings.container);
|
1194 |
+
};
|
1195 |
+
LightGallery.prototype.hideScrollbar = function () {
|
1196 |
+
if (!this.shouldHideScrollbar()) {
|
1197 |
+
return;
|
1198 |
+
}
|
1199 |
+
this.bodyPaddingRight = parseFloat($LG('body').style().paddingRight);
|
1200 |
+
var bodyRect = document.documentElement.getBoundingClientRect();
|
1201 |
+
var scrollbarWidth = window.innerWidth - bodyRect.width;
|
1202 |
+
$LG(document.body).css('padding-right', scrollbarWidth + this.bodyPaddingRight + 'px');
|
1203 |
+
$LG(document.body).addClass('lg-overlay-open');
|
1204 |
+
};
|
1205 |
+
LightGallery.prototype.resetScrollBar = function () {
|
1206 |
+
if (!this.shouldHideScrollbar()) {
|
1207 |
+
return;
|
1208 |
+
}
|
1209 |
+
$LG(document.body).css('padding-right', this.bodyPaddingRight + 'px');
|
1210 |
+
$LG(document.body).removeClass('lg-overlay-open');
|
1211 |
+
};
|
1212 |
+
/**
|
1213 |
+
* Open lightGallery.
|
1214 |
+
* Open gallery with specific slide by passing index of the slide as parameter.
|
1215 |
+
* @category lGPublicMethods
|
1216 |
+
* @param {Number} index - index of the slide
|
1217 |
+
* @param {HTMLElement} element - Which image lightGallery should zoom from
|
1218 |
+
*
|
1219 |
+
* @example
|
1220 |
+
* const $dynamicGallery = document.getElementById('dynamic-gallery-demo');
|
1221 |
+
* const dynamicGallery = lightGallery($dynamicGallery, {
|
1222 |
+
* dynamic: true,
|
1223 |
+
* dynamicEl: [
|
1224 |
+
* {
|
1225 |
+
* src: 'img/1.jpg',
|
1226 |
+
* thumb: 'img/thumb-1.jpg',
|
1227 |
+
* subHtml: '<h4>Image 1 title</h4><p>Image 1 descriptions.</p>',
|
1228 |
+
* },
|
1229 |
+
* ...
|
1230 |
+
* ],
|
1231 |
+
* });
|
1232 |
+
* $dynamicGallery.addEventListener('click', function () {
|
1233 |
+
* // Starts with third item.(Optional).
|
1234 |
+
* // This is useful if you want use dynamic mode with
|
1235 |
+
* // custom thumbnails (thumbnails outside gallery),
|
1236 |
+
* dynamicGallery.openGallery(2);
|
1237 |
+
* });
|
1238 |
+
*
|
1239 |
+
*/
|
1240 |
+
LightGallery.prototype.openGallery = function (index, element) {
|
1241 |
+
var _this = this;
|
1242 |
+
if (index === void 0) { index = this.settings.index; }
|
1243 |
+
// prevent accidental double execution
|
1244 |
+
if (this.lgOpened)
|
1245 |
+
return;
|
1246 |
+
this.lgOpened = true;
|
1247 |
+
this.outer.removeClass('lg-hide-items');
|
1248 |
+
this.hideScrollbar();
|
1249 |
+
// Add display block, but still has opacity 0
|
1250 |
+
this.$container.addClass('lg-show');
|
1251 |
+
var itemsToBeInsertedToDom = this.getItemsToBeInsertedToDom(index, index);
|
1252 |
+
this.currentItemsInDom = itemsToBeInsertedToDom;
|
1253 |
+
var items = '';
|
1254 |
+
itemsToBeInsertedToDom.forEach(function (item) {
|
1255 |
+
items = items + ("<div id=\"" + item + "\" class=\"lg-item\"></div>");
|
1256 |
+
});
|
1257 |
+
this.$inner.append(items);
|
1258 |
+
this.addHtml(index);
|
1259 |
+
var transform = '';
|
1260 |
+
this.mediaContainerPosition = this.getMediaContainerPosition();
|
1261 |
+
var _a = this.mediaContainerPosition, top = _a.top, bottom = _a.bottom;
|
1262 |
+
if (!this.settings.allowMediaOverlap) {
|
1263 |
+
this.setMediaContainerPosition(top, bottom);
|
1264 |
+
}
|
1265 |
+
var __slideVideoInfo = this.galleryItems[index].__slideVideoInfo;
|
1266 |
+
if (this.zoomFromOrigin && element) {
|
1267 |
+
this.currentImageSize = utils.getSize(element, this.outer, top + bottom, __slideVideoInfo && this.settings.videoMaxSize);
|
1268 |
+
transform = utils.getTransform(element, this.outer, top, bottom, this.currentImageSize);
|
1269 |
+
}
|
1270 |
+
if (!this.zoomFromOrigin || !transform) {
|
1271 |
+
this.outer.addClass(this.settings.startClass);
|
1272 |
+
this.getSlideItem(index).removeClass('lg-complete');
|
1273 |
+
}
|
1274 |
+
var timeout = this.settings.zoomFromOrigin
|
1275 |
+
? 100
|
1276 |
+
: this.settings.backdropDuration;
|
1277 |
+
setTimeout(function () {
|
1278 |
+
_this.outer.addClass('lg-components-open');
|
1279 |
+
}, timeout);
|
1280 |
+
this.index = index;
|
1281 |
+
this.LGel.trigger(lGEvents.beforeOpen);
|
1282 |
+
// add class lg-current to remove initial transition
|
1283 |
+
this.getSlideItem(index).addClass('lg-current');
|
1284 |
+
this.lGalleryOn = false;
|
1285 |
+
// Store the current scroll top value to scroll back after closing the gallery..
|
1286 |
+
this.prevScrollTop = $LG(window).scrollTop();
|
1287 |
+
setTimeout(function () {
|
1288 |
+
// Need to check both zoomFromOrigin and transform values as we need to set set the
|
1289 |
+
// default opening animation if user missed to add the lg-size attribute
|
1290 |
+
if (_this.zoomFromOrigin && transform) {
|
1291 |
+
var currentSlide_1 = _this.getSlideItem(index);
|
1292 |
+
currentSlide_1.css('transform', transform);
|
1293 |
+
setTimeout(function () {
|
1294 |
+
currentSlide_1
|
1295 |
+
.addClass('lg-start-progress lg-start-end-progress')
|
1296 |
+
.css('transition-duration', _this.settings.startAnimationDuration + 'ms');
|
1297 |
+
_this.outer.addClass('lg-zoom-from-image');
|
1298 |
+
});
|
1299 |
+
setTimeout(function () {
|
1300 |
+
currentSlide_1.css('transform', 'translate3d(0, 0, 0)');
|
1301 |
+
}, 100);
|
1302 |
+
}
|
1303 |
+
setTimeout(function () {
|
1304 |
+
_this.$backdrop.addClass('in');
|
1305 |
+
_this.$container.addClass('lg-show-in');
|
1306 |
+
}, 10);
|
1307 |
+
setTimeout(function () {
|
1308 |
+
if (_this.settings.trapFocus &&
|
1309 |
+
document.body === _this.settings.container) {
|
1310 |
+
_this.trapFocus();
|
1311 |
+
}
|
1312 |
+
}, _this.settings.backdropDuration + 50);
|
1313 |
+
// lg-visible class resets gallery opacity to 1
|
1314 |
+
if (!_this.zoomFromOrigin || !transform) {
|
1315 |
+
setTimeout(function () {
|
1316 |
+
_this.outer.addClass('lg-visible');
|
1317 |
+
}, _this.settings.backdropDuration);
|
1318 |
+
}
|
1319 |
+
// initiate slide function
|
1320 |
+
_this.slide(index, false, false, false);
|
1321 |
+
_this.LGel.trigger(lGEvents.afterOpen);
|
1322 |
+
});
|
1323 |
+
if (document.body === this.settings.container) {
|
1324 |
+
$LG('html').addClass('lg-on');
|
1325 |
+
}
|
1326 |
+
};
|
1327 |
+
/**
|
1328 |
+
* Note - Changing the position of the media on every slide transition creates a flickering effect.
|
1329 |
+
* Therefore, The height of the caption is calculated dynamically, only once based on the first slide caption.
|
1330 |
+
* if you have dynamic captions for each media,
|
1331 |
+
* you can provide an appropriate height for the captions via allowMediaOverlap option
|
1332 |
+
*/
|
1333 |
+
LightGallery.prototype.getMediaContainerPosition = function () {
|
1334 |
+
if (this.settings.allowMediaOverlap) {
|
1335 |
+
return {
|
1336 |
+
top: 0,
|
1337 |
+
bottom: 0,
|
1338 |
+
};
|
1339 |
+
}
|
1340 |
+
var top = this.$toolbar.get().clientHeight || 0;
|
1341 |
+
var subHtml = this.outer.find('.lg-components .lg-sub-html').get();
|
1342 |
+
var captionHeight = this.settings.defaultCaptionHeight ||
|
1343 |
+
(subHtml && subHtml.clientHeight) ||
|
1344 |
+
0;
|
1345 |
+
var thumbContainer = this.outer.find('.lg-thumb-outer').get();
|
1346 |
+
var thumbHeight = thumbContainer ? thumbContainer.clientHeight : 0;
|
1347 |
+
var bottom = thumbHeight + captionHeight;
|
1348 |
+
return {
|
1349 |
+
top: top,
|
1350 |
+
bottom: bottom,
|
1351 |
+
};
|
1352 |
+
};
|
1353 |
+
LightGallery.prototype.setMediaContainerPosition = function (top, bottom) {
|
1354 |
+
if (top === void 0) { top = 0; }
|
1355 |
+
if (bottom === void 0) { bottom = 0; }
|
1356 |
+
this.$content.css('top', top + 'px').css('bottom', bottom + 'px');
|
1357 |
+
};
|
1358 |
+
LightGallery.prototype.hideBars = function () {
|
1359 |
+
var _this = this;
|
1360 |
+
// Hide controllers if mouse doesn't move for some period
|
1361 |
+
setTimeout(function () {
|
1362 |
+
_this.outer.removeClass('lg-hide-items');
|
1363 |
+
if (_this.settings.hideBarsDelay > 0) {
|
1364 |
+
_this.outer.on('mousemove.lg click.lg touchstart.lg', function () {
|
1365 |
+
_this.outer.removeClass('lg-hide-items');
|
1366 |
+
clearTimeout(_this.hideBarTimeout);
|
1367 |
+
// Timeout will be cleared on each slide movement also
|
1368 |
+
_this.hideBarTimeout = setTimeout(function () {
|
1369 |
+
_this.outer.addClass('lg-hide-items');
|
1370 |
+
}, _this.settings.hideBarsDelay);
|
1371 |
+
});
|
1372 |
+
_this.outer.trigger('mousemove.lg');
|
1373 |
+
}
|
1374 |
+
}, this.settings.showBarsAfter);
|
1375 |
+
};
|
1376 |
+
LightGallery.prototype.initPictureFill = function ($img) {
|
1377 |
+
if (this.settings.supportLegacyBrowser) {
|
1378 |
+
try {
|
1379 |
+
picturefill({
|
1380 |
+
elements: [$img.get()],
|
1381 |
+
});
|
1382 |
+
}
|
1383 |
+
catch (e) {
|
1384 |
+
console.warn('lightGallery :- If you want srcset or picture tag to be supported for older browser please include picturefil javascript library in your document.');
|
1385 |
+
}
|
1386 |
+
}
|
1387 |
+
};
|
1388 |
+
/**
|
1389 |
+
* @desc Create image counter
|
1390 |
+
* Ex: 1/10
|
1391 |
+
*/
|
1392 |
+
LightGallery.prototype.counter = function () {
|
1393 |
+
if (this.settings.counter) {
|
1394 |
+
var counterHtml = "<div class=\"lg-counter\" role=\"status\" aria-live=\"polite\">\n <span id=\"" + this.getIdName('lg-counter-current') + "\" class=\"lg-counter-current\">" + (this.index + 1) + " </span> /\n <span id=\"" + this.getIdName('lg-counter-all') + "\" class=\"lg-counter-all\">" + this.galleryItems.length + " </span></div>";
|
1395 |
+
this.outer.find(this.settings.appendCounterTo).append(counterHtml);
|
1396 |
+
}
|
1397 |
+
};
|
1398 |
+
/**
|
1399 |
+
* @desc add sub-html into the slide
|
1400 |
+
* @param {Number} index - index of the slide
|
1401 |
+
*/
|
1402 |
+
LightGallery.prototype.addHtml = function (index) {
|
1403 |
+
var subHtml;
|
1404 |
+
var subHtmlUrl;
|
1405 |
+
if (this.galleryItems[index].subHtmlUrl) {
|
1406 |
+
subHtmlUrl = this.galleryItems[index].subHtmlUrl;
|
1407 |
+
}
|
1408 |
+
else {
|
1409 |
+
subHtml = this.galleryItems[index].subHtml;
|
1410 |
+
}
|
1411 |
+
if (!subHtmlUrl) {
|
1412 |
+
if (subHtml) {
|
1413 |
+
// get first letter of sub-html
|
1414 |
+
// if first letter starts with . or # get the html form the jQuery object
|
1415 |
+
var fL = subHtml.substring(0, 1);
|
1416 |
+
if (fL === '.' || fL === '#') {
|
1417 |
+
if (this.settings.subHtmlSelectorRelative &&
|
1418 |
+
!this.settings.dynamic) {
|
1419 |
+
subHtml = $LG(this.items)
|
1420 |
+
.eq(index)
|
1421 |
+
.find(subHtml)
|
1422 |
+
.first()
|
1423 |
+
.html();
|
1424 |
+
}
|
1425 |
+
else {
|
1426 |
+
subHtml = $LG(subHtml).first().html();
|
1427 |
+
}
|
1428 |
+
}
|
1429 |
+
}
|
1430 |
+
else {
|
1431 |
+
subHtml = '';
|
1432 |
+
}
|
1433 |
+
}
|
1434 |
+
if (this.settings.appendSubHtmlTo !== '.lg-item') {
|
1435 |
+
if (subHtmlUrl) {
|
1436 |
+
this.outer.find('.lg-sub-html').load(subHtmlUrl);
|
1437 |
+
}
|
1438 |
+
else {
|
1439 |
+
this.outer.find('.lg-sub-html').html(subHtml);
|
1440 |
+
}
|
1441 |
+
}
|
1442 |
+
else {
|
1443 |
+
var currentSlide = $LG(this.getSlideItemId(index));
|
1444 |
+
if (subHtmlUrl) {
|
1445 |
+
currentSlide.load(subHtmlUrl);
|
1446 |
+
}
|
1447 |
+
else {
|
1448 |
+
currentSlide.append("<div class=\"lg-sub-html\">" + subHtml + "</div>");
|
1449 |
+
}
|
1450 |
+
}
|
1451 |
+
// Add lg-empty-html class if title doesn't exist
|
1452 |
+
if (typeof subHtml !== 'undefined' && subHtml !== null) {
|
1453 |
+
if (subHtml === '') {
|
1454 |
+
this.outer
|
1455 |
+
.find(this.settings.appendSubHtmlTo)
|
1456 |
+
.addClass('lg-empty-html');
|
1457 |
+
}
|
1458 |
+
else {
|
1459 |
+
this.outer
|
1460 |
+
.find(this.settings.appendSubHtmlTo)
|
1461 |
+
.removeClass('lg-empty-html');
|
1462 |
+
}
|
1463 |
+
}
|
1464 |
+
this.LGel.trigger(lGEvents.afterAppendSubHtml, {
|
1465 |
+
index: index,
|
1466 |
+
});
|
1467 |
+
};
|
1468 |
+
/**
|
1469 |
+
* @desc Preload slides
|
1470 |
+
* @param {Number} index - index of the slide
|
1471 |
+
* @todo preload not working for the first slide, Also, should work for the first and last slide as well
|
1472 |
+
*/
|
1473 |
+
LightGallery.prototype.preload = function (index) {
|
1474 |
+
for (var i = 1; i <= this.settings.preload; i++) {
|
1475 |
+
if (i >= this.galleryItems.length - index) {
|
1476 |
+
break;
|
1477 |
+
}
|
1478 |
+
this.loadContent(index + i, false);
|
1479 |
+
}
|
1480 |
+
for (var j = 1; j <= this.settings.preload; j++) {
|
1481 |
+
if (index - j < 0) {
|
1482 |
+
break;
|
1483 |
+
}
|
1484 |
+
this.loadContent(index - j, false);
|
1485 |
+
}
|
1486 |
+
};
|
1487 |
+
LightGallery.prototype.getDummyImgStyles = function (imageSize) {
|
1488 |
+
if (!imageSize)
|
1489 |
+
return '';
|
1490 |
+
return "width:" + imageSize.width + "px;\n margin-left: -" + imageSize.width / 2 + "px;\n margin-top: -" + imageSize.height / 2 + "px;\n height:" + imageSize.height + "px";
|
1491 |
+
};
|
1492 |
+
LightGallery.prototype.getVideoContStyle = function (imageSize) {
|
1493 |
+
if (!imageSize)
|
1494 |
+
return '';
|
1495 |
+
return "width:" + imageSize.width + "px;\n height:" + imageSize.height + "px";
|
1496 |
+
};
|
1497 |
+
LightGallery.prototype.getDummyImageContent = function ($currentSlide, index, alt) {
|
1498 |
+
var $currentItem;
|
1499 |
+
if (!this.settings.dynamic) {
|
1500 |
+
$currentItem = $LG(this.items).eq(index);
|
1501 |
+
}
|
1502 |
+
if ($currentItem) {
|
1503 |
+
var _dummyImgSrc = void 0;
|
1504 |
+
if (!this.settings.exThumbImage) {
|
1505 |
+
_dummyImgSrc = $currentItem.find('img').first().attr('src');
|
1506 |
+
}
|
1507 |
+
else {
|
1508 |
+
_dummyImgSrc = $currentItem.attr(this.settings.exThumbImage);
|
1509 |
+
}
|
1510 |
+
if (!_dummyImgSrc)
|
1511 |
+
return '';
|
1512 |
+
var imgStyle = this.getDummyImgStyles(this.currentImageSize);
|
1513 |
+
var dummyImgContent = "<img " + alt + " style=\"" + imgStyle + "\" class=\"lg-dummy-img\" src=\"" + _dummyImgSrc + "\" />";
|
1514 |
+
$currentSlide.addClass('lg-first-slide');
|
1515 |
+
this.outer.addClass('lg-first-slide-loading');
|
1516 |
+
return dummyImgContent;
|
1517 |
+
}
|
1518 |
+
return '';
|
1519 |
+
};
|
1520 |
+
LightGallery.prototype.setImgMarkup = function (src, $currentSlide, index) {
|
1521 |
+
var currentGalleryItem = this.galleryItems[index];
|
1522 |
+
var alt = currentGalleryItem.alt, srcset = currentGalleryItem.srcset, sizes = currentGalleryItem.sizes, sources = currentGalleryItem.sources;
|
1523 |
+
// Use the thumbnail as dummy image which will be resized to actual image size and
|
1524 |
+
// displayed on top of actual image
|
1525 |
+
var imgContent = '';
|
1526 |
+
var altAttr = alt ? 'alt="' + alt + '"' : '';
|
1527 |
+
if (this.isFirstSlideWithZoomAnimation()) {
|
1528 |
+
imgContent = this.getDummyImageContent($currentSlide, index, altAttr);
|
1529 |
+
}
|
1530 |
+
else {
|
1531 |
+
imgContent = utils.getImgMarkup(index, src, altAttr, srcset, sizes, sources);
|
1532 |
+
}
|
1533 |
+
var imgMarkup = "<picture class=\"lg-img-wrap\"> " + imgContent + "</picture>";
|
1534 |
+
$currentSlide.prepend(imgMarkup);
|
1535 |
+
};
|
1536 |
+
LightGallery.prototype.onSlideObjectLoad = function ($slide, isHTML5VideoWithoutPoster, onLoad, onError) {
|
1537 |
+
var mediaObject = $slide.find('.lg-object').first();
|
1538 |
+
if (utils.isImageLoaded(mediaObject.get()) ||
|
1539 |
+
isHTML5VideoWithoutPoster) {
|
1540 |
+
onLoad();
|
1541 |
+
}
|
1542 |
+
else {
|
1543 |
+
mediaObject.on('load.lg error.lg', function () {
|
1544 |
+
onLoad && onLoad();
|
1545 |
+
});
|
1546 |
+
mediaObject.on('error.lg', function () {
|
1547 |
+
onError && onError();
|
1548 |
+
});
|
1549 |
+
}
|
1550 |
+
};
|
1551 |
+
/**
|
1552 |
+
*
|
1553 |
+
* @param $el Current slide item
|
1554 |
+
* @param index
|
1555 |
+
* @param delay Delay is 0 except first time
|
1556 |
+
* @param speed Speed is same as delay, except it is 0 if gallery is opened via hash plugin
|
1557 |
+
* @param isFirstSlide
|
1558 |
+
*/
|
1559 |
+
LightGallery.prototype.onLgObjectLoad = function (currentSlide, index, delay, speed, isFirstSlide, isHTML5VideoWithoutPoster) {
|
1560 |
+
var _this = this;
|
1561 |
+
this.onSlideObjectLoad(currentSlide, isHTML5VideoWithoutPoster, function () {
|
1562 |
+
_this.triggerSlideItemLoad(currentSlide, index, delay, speed, isFirstSlide);
|
1563 |
+
}, function () {
|
1564 |
+
currentSlide.addClass('lg-complete lg-complete_');
|
1565 |
+
currentSlide.html('<span class="lg-error-msg">Oops... Failed to load content...</span>');
|
1566 |
+
});
|
1567 |
+
};
|
1568 |
+
LightGallery.prototype.triggerSlideItemLoad = function ($currentSlide, index, delay, speed, isFirstSlide) {
|
1569 |
+
var _this = this;
|
1570 |
+
var currentGalleryItem = this.galleryItems[index];
|
1571 |
+
// Adding delay for video slides without poster for better performance and user experience
|
1572 |
+
// Videos should start playing once once the gallery is completely loaded
|
1573 |
+
var _speed = isFirstSlide &&
|
1574 |
+
this.getSlideType(currentGalleryItem) === 'video' &&
|
1575 |
+
!currentGalleryItem.poster
|
1576 |
+
? speed
|
1577 |
+
: 0;
|
1578 |
+
setTimeout(function () {
|
1579 |
+
$currentSlide.addClass('lg-complete lg-complete_');
|
1580 |
+
_this.LGel.trigger(lGEvents.slideItemLoad, {
|
1581 |
+
index: index,
|
1582 |
+
delay: delay || 0,
|
1583 |
+
isFirstSlide: isFirstSlide,
|
1584 |
+
});
|
1585 |
+
}, _speed);
|
1586 |
+
};
|
1587 |
+
LightGallery.prototype.isFirstSlideWithZoomAnimation = function () {
|
1588 |
+
return !!(!this.lGalleryOn &&
|
1589 |
+
this.zoomFromOrigin &&
|
1590 |
+
this.currentImageSize);
|
1591 |
+
};
|
1592 |
+
// Add video slideInfo
|
1593 |
+
LightGallery.prototype.addSlideVideoInfo = function (items) {
|
1594 |
+
var _this = this;
|
1595 |
+
items.forEach(function (element, index) {
|
1596 |
+
element.__slideVideoInfo = utils.isVideo(element.src, !!element.video, index);
|
1597 |
+
if (element.__slideVideoInfo &&
|
1598 |
+
_this.settings.loadYouTubePoster &&
|
1599 |
+
!element.poster &&
|
1600 |
+
element.__slideVideoInfo.youtube) {
|
1601 |
+
element.poster = "//img.youtube.com/vi/" + element.__slideVideoInfo.youtube[1] + "/maxresdefault.jpg";
|
1602 |
+
}
|
1603 |
+
});
|
1604 |
+
};
|
1605 |
+
/**
|
1606 |
+
* Load slide content into slide.
|
1607 |
+
* This is used to load content into slides that is not visible too
|
1608 |
+
* @param {Number} index - index of the slide.
|
1609 |
+
* @param {Boolean} rec - if true call loadcontent() function again.
|
1610 |
+
*/
|
1611 |
+
LightGallery.prototype.loadContent = function (index, rec) {
|
1612 |
+
var _this = this;
|
1613 |
+
var currentGalleryItem = this.galleryItems[index];
|
1614 |
+
var $currentSlide = $LG(this.getSlideItemId(index));
|
1615 |
+
var poster = currentGalleryItem.poster, srcset = currentGalleryItem.srcset, sizes = currentGalleryItem.sizes, sources = currentGalleryItem.sources;
|
1616 |
+
var src = currentGalleryItem.src;
|
1617 |
+
var video = currentGalleryItem.video;
|
1618 |
+
var _html5Video = video && typeof video === 'string' ? JSON.parse(video) : video;
|
1619 |
+
if (currentGalleryItem.responsive) {
|
1620 |
+
var srcDyItms = currentGalleryItem.responsive.split(',');
|
1621 |
+
src = utils.getResponsiveSrc(srcDyItms) || src;
|
1622 |
+
}
|
1623 |
+
var videoInfo = currentGalleryItem.__slideVideoInfo;
|
1624 |
+
var lgVideoStyle = '';
|
1625 |
+
var iframe = !!currentGalleryItem.iframe;
|
1626 |
+
var isFirstSlide = !this.lGalleryOn;
|
1627 |
+
// delay for adding complete class. it is 0 except first time.
|
1628 |
+
var delay = 0;
|
1629 |
+
if (isFirstSlide) {
|
1630 |
+
if (this.zoomFromOrigin && this.currentImageSize) {
|
1631 |
+
delay = this.settings.startAnimationDuration + 10;
|
1632 |
+
}
|
1633 |
+
else {
|
1634 |
+
delay = this.settings.backdropDuration + 10;
|
1635 |
+
}
|
1636 |
+
}
|
1637 |
+
if (!$currentSlide.hasClass('lg-loaded')) {
|
1638 |
+
if (videoInfo) {
|
1639 |
+
var _a = this.mediaContainerPosition, top_2 = _a.top, bottom = _a.bottom;
|
1640 |
+
var videoSize = utils.getSize(this.items[index], this.outer, top_2 + bottom, videoInfo && this.settings.videoMaxSize);
|
1641 |
+
lgVideoStyle = this.getVideoContStyle(videoSize);
|
1642 |
+
}
|
1643 |
+
if (iframe) {
|
1644 |
+
var markup = utils.getIframeMarkup(this.settings.iframeWidth, this.settings.iframeHeight, this.settings.iframeMaxWidth, this.settings.iframeMaxHeight, src, currentGalleryItem.iframeTitle);
|
1645 |
+
$currentSlide.prepend(markup);
|
1646 |
+
}
|
1647 |
+
else if (poster) {
|
1648 |
+
var dummyImg = '';
|
1649 |
+
var hasStartAnimation = isFirstSlide &&
|
1650 |
+
this.zoomFromOrigin &&
|
1651 |
+
this.currentImageSize;
|
1652 |
+
if (hasStartAnimation) {
|
1653 |
+
dummyImg = this.getDummyImageContent($currentSlide, index, '');
|
1654 |
+
}
|
1655 |
+
var markup = utils.getVideoPosterMarkup(poster, dummyImg || '', lgVideoStyle, this.settings.strings['playVideo'], videoInfo);
|
1656 |
+
$currentSlide.prepend(markup);
|
1657 |
+
}
|
1658 |
+
else if (videoInfo) {
|
1659 |
+
var markup = "<div class=\"lg-video-cont \" style=\"" + lgVideoStyle + "\"></div>";
|
1660 |
+
$currentSlide.prepend(markup);
|
1661 |
+
}
|
1662 |
+
else {
|
1663 |
+
this.setImgMarkup(src, $currentSlide, index);
|
1664 |
+
if (srcset || sources) {
|
1665 |
+
var $img = $currentSlide.find('.lg-object');
|
1666 |
+
this.initPictureFill($img);
|
1667 |
+
}
|
1668 |
+
}
|
1669 |
+
if (poster || videoInfo) {
|
1670 |
+
this.LGel.trigger(lGEvents.hasVideo, {
|
1671 |
+
index: index,
|
1672 |
+
src: src,
|
1673 |
+
html5Video: _html5Video,
|
1674 |
+
hasPoster: !!poster,
|
1675 |
+
});
|
1676 |
+
}
|
1677 |
+
this.LGel.trigger(lGEvents.afterAppendSlide, { index: index });
|
1678 |
+
if (this.lGalleryOn &&
|
1679 |
+
this.settings.appendSubHtmlTo === '.lg-item') {
|
1680 |
+
this.addHtml(index);
|
1681 |
+
}
|
1682 |
+
}
|
1683 |
+
// For first time add some delay for displaying the start animation.
|
1684 |
+
var _speed = 0;
|
1685 |
+
// Do not change the delay value because it is required for zoom plugin.
|
1686 |
+
// If gallery opened from direct url (hash) speed value should be 0
|
1687 |
+
if (delay && !$LG(document.body).hasClass('lg-from-hash')) {
|
1688 |
+
_speed = delay;
|
1689 |
+
}
|
1690 |
+
// Only for first slide and zoomFromOrigin is enabled
|
1691 |
+
if (this.isFirstSlideWithZoomAnimation()) {
|
1692 |
+
setTimeout(function () {
|
1693 |
+
$currentSlide
|
1694 |
+
.removeClass('lg-start-end-progress lg-start-progress')
|
1695 |
+
.removeAttr('style');
|
1696 |
+
}, this.settings.startAnimationDuration + 100);
|
1697 |
+
if (!$currentSlide.hasClass('lg-loaded')) {
|
1698 |
+
setTimeout(function () {
|
1699 |
+
if (_this.getSlideType(currentGalleryItem) === 'image') {
|
1700 |
+
var alt = currentGalleryItem.alt;
|
1701 |
+
var altAttr = alt ? 'alt="' + alt + '"' : '';
|
1702 |
+
$currentSlide
|
1703 |
+
.find('.lg-img-wrap')
|
1704 |
+
.append(utils.getImgMarkup(index, src, altAttr, srcset, sizes, currentGalleryItem.sources));
|
1705 |
+
if (srcset || sources) {
|
1706 |
+
var $img = $currentSlide.find('.lg-object');
|
1707 |
+
_this.initPictureFill($img);
|
1708 |
+
}
|
1709 |
+
}
|
1710 |
+
if (_this.getSlideType(currentGalleryItem) === 'image' ||
|
1711 |
+
(_this.getSlideType(currentGalleryItem) === 'video' &&
|
1712 |
+
poster)) {
|
1713 |
+
_this.onLgObjectLoad($currentSlide, index, delay, _speed, true, false);
|
1714 |
+
// load remaining slides once the slide is completely loaded
|
1715 |
+
_this.onSlideObjectLoad($currentSlide, !!(videoInfo && videoInfo.html5 && !poster), function () {
|
1716 |
+
_this.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
|
1717 |
+
}, function () {
|
1718 |
+
_this.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
|
1719 |
+
});
|
1720 |
+
}
|
1721 |
+
}, this.settings.startAnimationDuration + 100);
|
1722 |
+
}
|
1723 |
+
}
|
1724 |
+
// SLide content has been added to dom
|
1725 |
+
$currentSlide.addClass('lg-loaded');
|
1726 |
+
if (!this.isFirstSlideWithZoomAnimation() ||
|
1727 |
+
(this.getSlideType(currentGalleryItem) === 'video' && !poster)) {
|
1728 |
+
this.onLgObjectLoad($currentSlide, index, delay, _speed, isFirstSlide, !!(videoInfo && videoInfo.html5 && !poster));
|
1729 |
+
}
|
1730 |
+
// When gallery is opened once content is loaded (second time) need to add lg-complete class for css styling
|
1731 |
+
if ((!this.zoomFromOrigin || !this.currentImageSize) &&
|
1732 |
+
$currentSlide.hasClass('lg-complete_') &&
|
1733 |
+
!this.lGalleryOn) {
|
1734 |
+
setTimeout(function () {
|
1735 |
+
$currentSlide.addClass('lg-complete');
|
1736 |
+
}, this.settings.backdropDuration);
|
1737 |
+
}
|
1738 |
+
// Content loaded
|
1739 |
+
// Need to set lGalleryOn before calling preload function
|
1740 |
+
this.lGalleryOn = true;
|
1741 |
+
if (rec === true) {
|
1742 |
+
if (!$currentSlide.hasClass('lg-complete_')) {
|
1743 |
+
$currentSlide
|
1744 |
+
.find('.lg-object')
|
1745 |
+
.first()
|
1746 |
+
.on('load.lg error.lg', function () {
|
1747 |
+
_this.preload(index);
|
1748 |
+
});
|
1749 |
+
}
|
1750 |
+
else {
|
1751 |
+
this.preload(index);
|
1752 |
+
}
|
1753 |
+
}
|
1754 |
+
};
|
1755 |
+
/**
|
1756 |
+
* @desc Remove dummy image content and load next slides
|
1757 |
+
* Called only for the first time if zoomFromOrigin animation is enabled
|
1758 |
+
* @param index
|
1759 |
+
* @param $currentSlide
|
1760 |
+
* @param speed
|
1761 |
+
*/
|
1762 |
+
LightGallery.prototype.loadContentOnFirstSlideLoad = function (index, $currentSlide, speed) {
|
1763 |
+
var _this = this;
|
1764 |
+
setTimeout(function () {
|
1765 |
+
$currentSlide.find('.lg-dummy-img').remove();
|
1766 |
+
$currentSlide.removeClass('lg-first-slide');
|
1767 |
+
_this.outer.removeClass('lg-first-slide-loading');
|
1768 |
+
_this.isDummyImageRemoved = true;
|
1769 |
+
_this.preload(index);
|
1770 |
+
}, speed + 300);
|
1771 |
+
};
|
1772 |
+
LightGallery.prototype.getItemsToBeInsertedToDom = function (index, prevIndex, numberOfItems) {
|
1773 |
+
var _this = this;
|
1774 |
+
if (numberOfItems === void 0) { numberOfItems = 0; }
|
1775 |
+
var itemsToBeInsertedToDom = [];
|
1776 |
+
// Minimum 2 items should be there
|
1777 |
+
var possibleNumberOfItems = Math.max(numberOfItems, 3);
|
1778 |
+
possibleNumberOfItems = Math.min(possibleNumberOfItems, this.galleryItems.length);
|
1779 |
+
var prevIndexItem = "lg-item-" + this.lgId + "-" + prevIndex;
|
1780 |
+
if (this.galleryItems.length <= 3) {
|
1781 |
+
this.galleryItems.forEach(function (_element, index) {
|
1782 |
+
itemsToBeInsertedToDom.push("lg-item-" + _this.lgId + "-" + index);
|
1783 |
+
});
|
1784 |
+
return itemsToBeInsertedToDom;
|
1785 |
+
}
|
1786 |
+
if (index < (this.galleryItems.length - 1) / 2) {
|
1787 |
+
for (var idx = index; idx > index - possibleNumberOfItems / 2 && idx >= 0; idx--) {
|
1788 |
+
itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + idx);
|
1789 |
+
}
|
1790 |
+
var numberOfExistingItems = itemsToBeInsertedToDom.length;
|
1791 |
+
for (var idx = 0; idx < possibleNumberOfItems - numberOfExistingItems; idx++) {
|
1792 |
+
itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + (index + idx + 1));
|
1793 |
+
}
|
1794 |
+
}
|
1795 |
+
else {
|
1796 |
+
for (var idx = index; idx <= this.galleryItems.length - 1 &&
|
1797 |
+
idx < index + possibleNumberOfItems / 2; idx++) {
|
1798 |
+
itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + idx);
|
1799 |
+
}
|
1800 |
+
var numberOfExistingItems = itemsToBeInsertedToDom.length;
|
1801 |
+
for (var idx = 0; idx < possibleNumberOfItems - numberOfExistingItems; idx++) {
|
1802 |
+
itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + (index - idx - 1));
|
1803 |
+
}
|
1804 |
+
}
|
1805 |
+
if (this.settings.loop) {
|
1806 |
+
if (index === this.galleryItems.length - 1) {
|
1807 |
+
itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + 0);
|
1808 |
+
}
|
1809 |
+
else if (index === 0) {
|
1810 |
+
itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + (this.galleryItems.length - 1));
|
1811 |
+
}
|
1812 |
+
}
|
1813 |
+
if (itemsToBeInsertedToDom.indexOf(prevIndexItem) === -1) {
|
1814 |
+
itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + prevIndex);
|
1815 |
+
}
|
1816 |
+
return itemsToBeInsertedToDom;
|
1817 |
+
};
|
1818 |
+
LightGallery.prototype.organizeSlideItems = function (index, prevIndex) {
|
1819 |
+
var _this = this;
|
1820 |
+
var itemsToBeInsertedToDom = this.getItemsToBeInsertedToDom(index, prevIndex, this.settings.numberOfSlideItemsInDom);
|
1821 |
+
itemsToBeInsertedToDom.forEach(function (item) {
|
1822 |
+
if (_this.currentItemsInDom.indexOf(item) === -1) {
|
1823 |
+
_this.$inner.append("<div id=\"" + item + "\" class=\"lg-item\"></div>");
|
1824 |
+
}
|
1825 |
+
});
|
1826 |
+
this.currentItemsInDom.forEach(function (item) {
|
1827 |
+
if (itemsToBeInsertedToDom.indexOf(item) === -1) {
|
1828 |
+
$LG("#" + item).remove();
|
1829 |
+
}
|
1830 |
+
});
|
1831 |
+
return itemsToBeInsertedToDom;
|
1832 |
+
};
|
1833 |
+
/**
|
1834 |
+
* Get previous index of the slide
|
1835 |
+
*/
|
1836 |
+
LightGallery.prototype.getPreviousSlideIndex = function () {
|
1837 |
+
var prevIndex = 0;
|
1838 |
+
try {
|
1839 |
+
var currentItemId = this.outer
|
1840 |
+
.find('.lg-current')
|
1841 |
+
.first()
|
1842 |
+
.attr('id');
|
1843 |
+
prevIndex = parseInt(currentItemId.split('-')[3]) || 0;
|
1844 |
+
}
|
1845 |
+
catch (error) {
|
1846 |
+
prevIndex = 0;
|
1847 |
+
}
|
1848 |
+
return prevIndex;
|
1849 |
+
};
|
1850 |
+
LightGallery.prototype.setDownloadValue = function (index) {
|
1851 |
+
if (this.settings.download) {
|
1852 |
+
var currentGalleryItem = this.galleryItems[index];
|
1853 |
+
var hideDownloadBtn = currentGalleryItem.downloadUrl === false ||
|
1854 |
+
currentGalleryItem.downloadUrl === 'false';
|
1855 |
+
if (hideDownloadBtn) {
|
1856 |
+
this.outer.addClass('lg-hide-download');
|
1857 |
+
}
|
1858 |
+
else {
|
1859 |
+
var $download = this.getElementById('lg-download');
|
1860 |
+
this.outer.removeClass('lg-hide-download');
|
1861 |
+
$download.attr('href', currentGalleryItem.downloadUrl ||
|
1862 |
+
currentGalleryItem.src);
|
1863 |
+
if (currentGalleryItem.download) {
|
1864 |
+
$download.attr('download', currentGalleryItem.download);
|
1865 |
+
}
|
1866 |
+
}
|
1867 |
+
}
|
1868 |
+
};
|
1869 |
+
LightGallery.prototype.makeSlideAnimation = function (direction, currentSlideItem, previousSlideItem) {
|
1870 |
+
var _this = this;
|
1871 |
+
if (this.lGalleryOn) {
|
1872 |
+
previousSlideItem.addClass('lg-slide-progress');
|
1873 |
+
}
|
1874 |
+
setTimeout(function () {
|
1875 |
+
// remove all transitions
|
1876 |
+
_this.outer.addClass('lg-no-trans');
|
1877 |
+
_this.outer
|
1878 |
+
.find('.lg-item')
|
1879 |
+
.removeClass('lg-prev-slide lg-next-slide');
|
1880 |
+
if (direction === 'prev') {
|
1881 |
+
//prevslide
|
1882 |
+
currentSlideItem.addClass('lg-prev-slide');
|
1883 |
+
previousSlideItem.addClass('lg-next-slide');
|
1884 |
+
}
|
1885 |
+
else {
|
1886 |
+
// next slide
|
1887 |
+
currentSlideItem.addClass('lg-next-slide');
|
1888 |
+
previousSlideItem.addClass('lg-prev-slide');
|
1889 |
+
}
|
1890 |
+
// give 50 ms for browser to add/remove class
|
1891 |
+
setTimeout(function () {
|
1892 |
+
_this.outer.find('.lg-item').removeClass('lg-current');
|
1893 |
+
currentSlideItem.addClass('lg-current');
|
1894 |
+
// reset all transitions
|
1895 |
+
_this.outer.removeClass('lg-no-trans');
|
1896 |
+
}, 50);
|
1897 |
+
}, this.lGalleryOn ? this.settings.slideDelay : 0);
|
1898 |
+
};
|
1899 |
+
/**
|
1900 |
+
* Goto a specific slide.
|
1901 |
+
* @param {Number} index - index of the slide
|
1902 |
+
* @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag
|
1903 |
+
* @param {Boolean} fromThumb - true if slide function called via thumbnail click
|
1904 |
+
* @param {String} direction - Direction of the slide(next/prev)
|
1905 |
+
* @category lGPublicMethods
|
1906 |
+
* @example
|
1907 |
+
* const plugin = lightGallery();
|
1908 |
+
* // to go to 3rd slide
|
1909 |
+
* plugin.slide(2);
|
1910 |
+
*
|
1911 |
+
*/
|
1912 |
+
LightGallery.prototype.slide = function (index, fromTouch, fromThumb, direction) {
|
1913 |
+
var _this = this;
|
1914 |
+
var prevIndex = this.getPreviousSlideIndex();
|
1915 |
+
this.currentItemsInDom = this.organizeSlideItems(index, prevIndex);
|
1916 |
+
// Prevent multiple call, Required for hsh plugin
|
1917 |
+
if (this.lGalleryOn && prevIndex === index) {
|
1918 |
+
return;
|
1919 |
+
}
|
1920 |
+
var numberOfGalleryItems = this.galleryItems.length;
|
1921 |
+
if (!this.lgBusy) {
|
1922 |
+
if (this.settings.counter) {
|
1923 |
+
this.updateCurrentCounter(index);
|
1924 |
+
}
|
1925 |
+
var currentSlideItem = this.getSlideItem(index);
|
1926 |
+
var previousSlideItem_1 = this.getSlideItem(prevIndex);
|
1927 |
+
var currentGalleryItem = this.galleryItems[index];
|
1928 |
+
var videoInfo = currentGalleryItem.__slideVideoInfo;
|
1929 |
+
this.outer.attr('data-lg-slide-type', this.getSlideType(currentGalleryItem));
|
1930 |
+
this.setDownloadValue(index);
|
1931 |
+
if (videoInfo) {
|
1932 |
+
var _a = this.mediaContainerPosition, top_3 = _a.top, bottom = _a.bottom;
|
1933 |
+
var videoSize = utils.getSize(this.items[index], this.outer, top_3 + bottom, videoInfo && this.settings.videoMaxSize);
|
1934 |
+
this.resizeVideoSlide(index, videoSize);
|
1935 |
+
}
|
1936 |
+
this.LGel.trigger(lGEvents.beforeSlide, {
|
1937 |
+
prevIndex: prevIndex,
|
1938 |
+
index: index,
|
1939 |
+
fromTouch: !!fromTouch,
|
1940 |
+
fromThumb: !!fromThumb,
|
1941 |
+
});
|
1942 |
+
this.lgBusy = true;
|
1943 |
+
clearTimeout(this.hideBarTimeout);
|
1944 |
+
this.arrowDisable(index);
|
1945 |
+
if (!direction) {
|
1946 |
+
if (index < prevIndex) {
|
1947 |
+
direction = 'prev';
|
1948 |
+
}
|
1949 |
+
else if (index > prevIndex) {
|
1950 |
+
direction = 'next';
|
1951 |
+
}
|
1952 |
+
}
|
1953 |
+
if (!fromTouch) {
|
1954 |
+
this.makeSlideAnimation(direction, currentSlideItem, previousSlideItem_1);
|
1955 |
+
}
|
1956 |
+
else {
|
1957 |
+
this.outer
|
1958 |
+
.find('.lg-item')
|
1959 |
+
.removeClass('lg-prev-slide lg-current lg-next-slide');
|
1960 |
+
var touchPrev = void 0;
|
1961 |
+
var touchNext = void 0;
|
1962 |
+
if (numberOfGalleryItems > 2) {
|
1963 |
+
touchPrev = index - 1;
|
1964 |
+
touchNext = index + 1;
|
1965 |
+
if (index === 0 && prevIndex === numberOfGalleryItems - 1) {
|
1966 |
+
// next slide
|
1967 |
+
touchNext = 0;
|
1968 |
+
touchPrev = numberOfGalleryItems - 1;
|
1969 |
+
}
|
1970 |
+
else if (index === numberOfGalleryItems - 1 &&
|
1971 |
+
prevIndex === 0) {
|
1972 |
+
// prev slide
|
1973 |
+
touchNext = 0;
|
1974 |
+
touchPrev = numberOfGalleryItems - 1;
|
1975 |
+
}
|
1976 |
+
}
|
1977 |
+
else {
|
1978 |
+
touchPrev = 0;
|
1979 |
+
touchNext = 1;
|
1980 |
+
}
|
1981 |
+
if (direction === 'prev') {
|
1982 |
+
this.getSlideItem(touchNext).addClass('lg-next-slide');
|
1983 |
+
}
|
1984 |
+
else {
|
1985 |
+
this.getSlideItem(touchPrev).addClass('lg-prev-slide');
|
1986 |
+
}
|
1987 |
+
currentSlideItem.addClass('lg-current');
|
1988 |
+
}
|
1989 |
+
// Do not put load content in set timeout as it needs to load immediately when the gallery is opened
|
1990 |
+
if (!this.lGalleryOn) {
|
1991 |
+
this.loadContent(index, true);
|
1992 |
+
}
|
1993 |
+
else {
|
1994 |
+
setTimeout(function () {
|
1995 |
+
_this.loadContent(index, true);
|
1996 |
+
// Add title if this.settings.appendSubHtmlTo === lg-sub-html
|
1997 |
+
if (_this.settings.appendSubHtmlTo !== '.lg-item') {
|
1998 |
+
_this.addHtml(index);
|
1999 |
+
}
|
2000 |
+
}, this.settings.speed + 50 + (fromTouch ? 0 : this.settings.slideDelay));
|
2001 |
+
}
|
2002 |
+
setTimeout(function () {
|
2003 |
+
_this.lgBusy = false;
|
2004 |
+
previousSlideItem_1.removeClass('lg-slide-progress');
|
2005 |
+
_this.LGel.trigger(lGEvents.afterSlide, {
|
2006 |
+
prevIndex: prevIndex,
|
2007 |
+
index: index,
|
2008 |
+
fromTouch: fromTouch,
|
2009 |
+
fromThumb: fromThumb,
|
2010 |
+
});
|
2011 |
+
}, (this.lGalleryOn ? this.settings.speed + 100 : 100) + (fromTouch ? 0 : this.settings.slideDelay));
|
2012 |
+
}
|
2013 |
+
this.index = index;
|
2014 |
+
};
|
2015 |
+
LightGallery.prototype.updateCurrentCounter = function (index) {
|
2016 |
+
this.getElementById('lg-counter-current').html(index + 1 + '');
|
2017 |
+
};
|
2018 |
+
LightGallery.prototype.updateCounterTotal = function () {
|
2019 |
+
this.getElementById('lg-counter-all').html(this.galleryItems.length + '');
|
2020 |
+
};
|
2021 |
+
LightGallery.prototype.getSlideType = function (item) {
|
2022 |
+
if (item.__slideVideoInfo) {
|
2023 |
+
return 'video';
|
2024 |
+
}
|
2025 |
+
else if (item.iframe) {
|
2026 |
+
return 'iframe';
|
2027 |
+
}
|
2028 |
+
else {
|
2029 |
+
return 'image';
|
2030 |
+
}
|
2031 |
+
};
|
2032 |
+
LightGallery.prototype.touchMove = function (startCoords, endCoords, e) {
|
2033 |
+
var distanceX = endCoords.pageX - startCoords.pageX;
|
2034 |
+
var distanceY = endCoords.pageY - startCoords.pageY;
|
2035 |
+
var allowSwipe = false;
|
2036 |
+
if (this.swipeDirection) {
|
2037 |
+
allowSwipe = true;
|
2038 |
+
}
|
2039 |
+
else {
|
2040 |
+
if (Math.abs(distanceX) > 15) {
|
2041 |
+
this.swipeDirection = 'horizontal';
|
2042 |
+
allowSwipe = true;
|
2043 |
+
}
|
2044 |
+
else if (Math.abs(distanceY) > 15) {
|
2045 |
+
this.swipeDirection = 'vertical';
|
2046 |
+
allowSwipe = true;
|
2047 |
+
}
|
2048 |
+
}
|
2049 |
+
if (!allowSwipe) {
|
2050 |
+
return;
|
2051 |
+
}
|
2052 |
+
var $currentSlide = this.getSlideItem(this.index);
|
2053 |
+
if (this.swipeDirection === 'horizontal') {
|
2054 |
+
e === null || e === void 0 ? void 0 : e.preventDefault();
|
2055 |
+
// reset opacity and transition duration
|
2056 |
+
this.outer.addClass('lg-dragging');
|
2057 |
+
// move current slide
|
2058 |
+
this.setTranslate($currentSlide, distanceX, 0);
|
2059 |
+
// move next and prev slide with current slide
|
2060 |
+
var width = $currentSlide.get().offsetWidth;
|
2061 |
+
var slideWidthAmount = (width * 15) / 100;
|
2062 |
+
var gutter = slideWidthAmount - Math.abs((distanceX * 10) / 100);
|
2063 |
+
this.setTranslate(this.outer.find('.lg-prev-slide').first(), -width + distanceX - gutter, 0);
|
2064 |
+
this.setTranslate(this.outer.find('.lg-next-slide').first(), width + distanceX + gutter, 0);
|
2065 |
+
}
|
2066 |
+
else if (this.swipeDirection === 'vertical') {
|
2067 |
+
if (this.settings.swipeToClose) {
|
2068 |
+
e === null || e === void 0 ? void 0 : e.preventDefault();
|
2069 |
+
this.$container.addClass('lg-dragging-vertical');
|
2070 |
+
var opacity = 1 - Math.abs(distanceY) / window.innerHeight;
|
2071 |
+
this.$backdrop.css('opacity', opacity);
|
2072 |
+
var scale = 1 - Math.abs(distanceY) / (window.innerWidth * 2);
|
2073 |
+
this.setTranslate($currentSlide, 0, distanceY, scale, scale);
|
2074 |
+
if (Math.abs(distanceY) > 100) {
|
2075 |
+
this.outer
|
2076 |
+
.addClass('lg-hide-items')
|
2077 |
+
.removeClass('lg-components-open');
|
2078 |
+
}
|
2079 |
+
}
|
2080 |
+
}
|
2081 |
+
};
|
2082 |
+
LightGallery.prototype.touchEnd = function (endCoords, startCoords, event) {
|
2083 |
+
var _this = this;
|
2084 |
+
var distance;
|
2085 |
+
// keep slide animation for any mode while dragg/swipe
|
2086 |
+
if (this.settings.mode !== 'lg-slide') {
|
2087 |
+
this.outer.addClass('lg-slide');
|
2088 |
+
}
|
2089 |
+
// set transition duration
|
2090 |
+
setTimeout(function () {
|
2091 |
+
_this.$container.removeClass('lg-dragging-vertical');
|
2092 |
+
_this.outer
|
2093 |
+
.removeClass('lg-dragging lg-hide-items')
|
2094 |
+
.addClass('lg-components-open');
|
2095 |
+
var triggerClick = true;
|
2096 |
+
if (_this.swipeDirection === 'horizontal') {
|
2097 |
+
distance = endCoords.pageX - startCoords.pageX;
|
2098 |
+
var distanceAbs = Math.abs(endCoords.pageX - startCoords.pageX);
|
2099 |
+
if (distance < 0 &&
|
2100 |
+
distanceAbs > _this.settings.swipeThreshold) {
|
2101 |
+
_this.goToNextSlide(true);
|
2102 |
+
triggerClick = false;
|
2103 |
+
}
|
2104 |
+
else if (distance > 0 &&
|
2105 |
+
distanceAbs > _this.settings.swipeThreshold) {
|
2106 |
+
_this.goToPrevSlide(true);
|
2107 |
+
triggerClick = false;
|
2108 |
+
}
|
2109 |
+
}
|
2110 |
+
else if (_this.swipeDirection === 'vertical') {
|
2111 |
+
distance = Math.abs(endCoords.pageY - startCoords.pageY);
|
2112 |
+
if (_this.settings.closable &&
|
2113 |
+
_this.settings.swipeToClose &&
|
2114 |
+
distance > 100) {
|
2115 |
+
_this.closeGallery();
|
2116 |
+
return;
|
2117 |
+
}
|
2118 |
+
else {
|
2119 |
+
_this.$backdrop.css('opacity', 1);
|
2120 |
+
}
|
2121 |
+
}
|
2122 |
+
_this.outer.find('.lg-item').removeAttr('style');
|
2123 |
+
if (triggerClick &&
|
2124 |
+
Math.abs(endCoords.pageX - startCoords.pageX) < 5) {
|
2125 |
+
// Trigger click if distance is less than 5 pix
|
2126 |
+
var target = $LG(event.target);
|
2127 |
+
if (_this.isPosterElement(target)) {
|
2128 |
+
_this.LGel.trigger(lGEvents.posterClick);
|
2129 |
+
}
|
2130 |
+
}
|
2131 |
+
_this.swipeDirection = undefined;
|
2132 |
+
});
|
2133 |
+
// remove slide class once drag/swipe is completed if mode is not slide
|
2134 |
+
setTimeout(function () {
|
2135 |
+
if (!_this.outer.hasClass('lg-dragging') &&
|
2136 |
+
_this.settings.mode !== 'lg-slide') {
|
2137 |
+
_this.outer.removeClass('lg-slide');
|
2138 |
+
}
|
2139 |
+
}, this.settings.speed + 100);
|
2140 |
+
};
|
2141 |
+
LightGallery.prototype.enableSwipe = function () {
|
2142 |
+
var _this = this;
|
2143 |
+
var startCoords = {};
|
2144 |
+
var endCoords = {};
|
2145 |
+
var isMoved = false;
|
2146 |
+
var isSwiping = false;
|
2147 |
+
if (this.settings.enableSwipe) {
|
2148 |
+
this.$inner.on('touchstart.lg', function (e) {
|
2149 |
+
_this.dragOrSwipeEnabled = true;
|
2150 |
+
var $item = _this.getSlideItem(_this.index);
|
2151 |
+
if (($LG(e.target).hasClass('lg-item') ||
|
2152 |
+
$item.get().contains(e.target)) &&
|
2153 |
+
!_this.outer.hasClass('lg-zoomed') &&
|
2154 |
+
!_this.lgBusy &&
|
2155 |
+
e.targetTouches.length === 1) {
|
2156 |
+
isSwiping = true;
|
2157 |
+
_this.touchAction = 'swipe';
|
2158 |
+
_this.manageSwipeClass();
|
2159 |
+
startCoords = {
|
2160 |
+
pageX: e.targetTouches[0].pageX,
|
2161 |
+
pageY: e.targetTouches[0].pageY,
|
2162 |
+
};
|
2163 |
+
}
|
2164 |
+
});
|
2165 |
+
this.$inner.on('touchmove.lg', function (e) {
|
2166 |
+
if (isSwiping &&
|
2167 |
+
_this.touchAction === 'swipe' &&
|
2168 |
+
e.targetTouches.length === 1) {
|
2169 |
+
endCoords = {
|
2170 |
+
pageX: e.targetTouches[0].pageX,
|
2171 |
+
pageY: e.targetTouches[0].pageY,
|
2172 |
+
};
|
2173 |
+
_this.touchMove(startCoords, endCoords, e);
|
2174 |
+
isMoved = true;
|
2175 |
+
}
|
2176 |
+
});
|
2177 |
+
this.$inner.on('touchend.lg', function (event) {
|
2178 |
+
if (_this.touchAction === 'swipe') {
|
2179 |
+
if (isMoved) {
|
2180 |
+
isMoved = false;
|
2181 |
+
_this.touchEnd(endCoords, startCoords, event);
|
2182 |
+
}
|
2183 |
+
else if (isSwiping) {
|
2184 |
+
var target = $LG(event.target);
|
2185 |
+
if (_this.isPosterElement(target)) {
|
2186 |
+
_this.LGel.trigger(lGEvents.posterClick);
|
2187 |
+
}
|
2188 |
+
}
|
2189 |
+
_this.touchAction = undefined;
|
2190 |
+
isSwiping = false;
|
2191 |
+
}
|
2192 |
+
});
|
2193 |
+
}
|
2194 |
+
};
|
2195 |
+
LightGallery.prototype.enableDrag = function () {
|
2196 |
+
var _this = this;
|
2197 |
+
var startCoords = {};
|
2198 |
+
var endCoords = {};
|
2199 |
+
var isDraging = false;
|
2200 |
+
var isMoved = false;
|
2201 |
+
if (this.settings.enableDrag) {
|
2202 |
+
this.outer.on('mousedown.lg', function (e) {
|
2203 |
+
_this.dragOrSwipeEnabled = true;
|
2204 |
+
var $item = _this.getSlideItem(_this.index);
|
2205 |
+
if ($LG(e.target).hasClass('lg-item') ||
|
2206 |
+
$item.get().contains(e.target)) {
|
2207 |
+
if (!_this.outer.hasClass('lg-zoomed') && !_this.lgBusy) {
|
2208 |
+
e.preventDefault();
|
2209 |
+
if (!_this.lgBusy) {
|
2210 |
+
_this.manageSwipeClass();
|
2211 |
+
startCoords = {
|
2212 |
+
pageX: e.pageX,
|
2213 |
+
pageY: e.pageY,
|
2214 |
+
};
|
2215 |
+
isDraging = true;
|
2216 |
+
// ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
|
2217 |
+
_this.outer.get().scrollLeft += 1;
|
2218 |
+
_this.outer.get().scrollLeft -= 1;
|
2219 |
+
// *
|
2220 |
+
_this.outer
|
2221 |
+
.removeClass('lg-grab')
|
2222 |
+
.addClass('lg-grabbing');
|
2223 |
+
_this.LGel.trigger(lGEvents.dragStart);
|
2224 |
+
}
|
2225 |
+
}
|
2226 |
+
}
|
2227 |
+
});
|
2228 |
+
$LG(window).on("mousemove.lg.global" + this.lgId, function (e) {
|
2229 |
+
if (isDraging && _this.lgOpened) {
|
2230 |
+
isMoved = true;
|
2231 |
+
endCoords = {
|
2232 |
+
pageX: e.pageX,
|
2233 |
+
pageY: e.pageY,
|
2234 |
+
};
|
2235 |
+
_this.touchMove(startCoords, endCoords);
|
2236 |
+
_this.LGel.trigger(lGEvents.dragMove);
|
2237 |
+
}
|
2238 |
+
});
|
2239 |
+
$LG(window).on("mouseup.lg.global" + this.lgId, function (event) {
|
2240 |
+
if (!_this.lgOpened) {
|
2241 |
+
return;
|
2242 |
+
}
|
2243 |
+
var target = $LG(event.target);
|
2244 |
+
if (isMoved) {
|
2245 |
+
isMoved = false;
|
2246 |
+
_this.touchEnd(endCoords, startCoords, event);
|
2247 |
+
_this.LGel.trigger(lGEvents.dragEnd);
|
2248 |
+
}
|
2249 |
+
else if (_this.isPosterElement(target)) {
|
2250 |
+
_this.LGel.trigger(lGEvents.posterClick);
|
2251 |
+
}
|
2252 |
+
// Prevent execution on click
|
2253 |
+
if (isDraging) {
|
2254 |
+
isDraging = false;
|
2255 |
+
_this.outer.removeClass('lg-grabbing').addClass('lg-grab');
|
2256 |
+
}
|
2257 |
+
});
|
2258 |
+
}
|
2259 |
+
};
|
2260 |
+
LightGallery.prototype.triggerPosterClick = function () {
|
2261 |
+
var _this = this;
|
2262 |
+
this.$inner.on('click.lg', function (event) {
|
2263 |
+
if (!_this.dragOrSwipeEnabled &&
|
2264 |
+
_this.isPosterElement($LG(event.target))) {
|
2265 |
+
_this.LGel.trigger(lGEvents.posterClick);
|
2266 |
+
}
|
2267 |
+
});
|
2268 |
+
};
|
2269 |
+
LightGallery.prototype.manageSwipeClass = function () {
|
2270 |
+
var _touchNext = this.index + 1;
|
2271 |
+
var _touchPrev = this.index - 1;
|
2272 |
+
if (this.settings.loop && this.galleryItems.length > 2) {
|
2273 |
+
if (this.index === 0) {
|
2274 |
+
_touchPrev = this.galleryItems.length - 1;
|
2275 |
+
}
|
2276 |
+
else if (this.index === this.galleryItems.length - 1) {
|
2277 |
+
_touchNext = 0;
|
2278 |
+
}
|
2279 |
+
}
|
2280 |
+
this.outer.find('.lg-item').removeClass('lg-next-slide lg-prev-slide');
|
2281 |
+
if (_touchPrev > -1) {
|
2282 |
+
this.getSlideItem(_touchPrev).addClass('lg-prev-slide');
|
2283 |
+
}
|
2284 |
+
this.getSlideItem(_touchNext).addClass('lg-next-slide');
|
2285 |
+
};
|
2286 |
+
/**
|
2287 |
+
* Go to next slide
|
2288 |
+
* @param {Boolean} fromTouch - true if slide function called via touch event
|
2289 |
+
* @category lGPublicMethods
|
2290 |
+
* @example
|
2291 |
+
* const plugin = lightGallery();
|
2292 |
+
* plugin.goToNextSlide();
|
2293 |
+
* @see <a href="/demos/methods/">Demo</a>
|
2294 |
+
*/
|
2295 |
+
LightGallery.prototype.goToNextSlide = function (fromTouch) {
|
2296 |
+
var _this = this;
|
2297 |
+
var _loop = this.settings.loop;
|
2298 |
+
if (fromTouch && this.galleryItems.length < 3) {
|
2299 |
+
_loop = false;
|
2300 |
+
}
|
2301 |
+
if (!this.lgBusy) {
|
2302 |
+
if (this.index + 1 < this.galleryItems.length) {
|
2303 |
+
this.index++;
|
2304 |
+
this.LGel.trigger(lGEvents.beforeNextSlide, {
|
2305 |
+
index: this.index,
|
2306 |
+
});
|
2307 |
+
this.slide(this.index, !!fromTouch, false, 'next');
|
2308 |
+
}
|
2309 |
+
else {
|
2310 |
+
if (_loop) {
|
2311 |
+
this.index = 0;
|
2312 |
+
this.LGel.trigger(lGEvents.beforeNextSlide, {
|
2313 |
+
index: this.index,
|
2314 |
+
});
|
2315 |
+
this.slide(this.index, !!fromTouch, false, 'next');
|
2316 |
+
}
|
2317 |
+
else if (this.settings.slideEndAnimation && !fromTouch) {
|
2318 |
+
this.outer.addClass('lg-right-end');
|
2319 |
+
setTimeout(function () {
|
2320 |
+
_this.outer.removeClass('lg-right-end');
|
2321 |
+
}, 400);
|
2322 |
+
}
|
2323 |
+
}
|
2324 |
+
}
|
2325 |
+
};
|
2326 |
+
/**
|
2327 |
+
* Go to previous slides
|
2328 |
+
* @param {Boolean} fromTouch - true if slide function called via touch event
|
2329 |
+
* @category lGPublicMethods
|
2330 |
+
* @example
|
2331 |
+
* const plugin = lightGallery({});
|
2332 |
+
* plugin.goToPrevSlide();
|
2333 |
+
* @see <a href="/demos/methods/">Demo</a>
|
2334 |
+
*
|
2335 |
+
*/
|
2336 |
+
LightGallery.prototype.goToPrevSlide = function (fromTouch) {
|
2337 |
+
var _this = this;
|
2338 |
+
var _loop = this.settings.loop;
|
2339 |
+
if (fromTouch && this.galleryItems.length < 3) {
|
2340 |
+
_loop = false;
|
2341 |
+
}
|
2342 |
+
if (!this.lgBusy) {
|
2343 |
+
if (this.index > 0) {
|
2344 |
+
this.index--;
|
2345 |
+
this.LGel.trigger(lGEvents.beforePrevSlide, {
|
2346 |
+
index: this.index,
|
2347 |
+
fromTouch: fromTouch,
|
2348 |
+
});
|
2349 |
+
this.slide(this.index, !!fromTouch, false, 'prev');
|
2350 |
+
}
|
2351 |
+
else {
|
2352 |
+
if (_loop) {
|
2353 |
+
this.index = this.galleryItems.length - 1;
|
2354 |
+
this.LGel.trigger(lGEvents.beforePrevSlide, {
|
2355 |
+
index: this.index,
|
2356 |
+
fromTouch: fromTouch,
|
2357 |
+
});
|
2358 |
+
this.slide(this.index, !!fromTouch, false, 'prev');
|
2359 |
+
}
|
2360 |
+
else if (this.settings.slideEndAnimation && !fromTouch) {
|
2361 |
+
this.outer.addClass('lg-left-end');
|
2362 |
+
setTimeout(function () {
|
2363 |
+
_this.outer.removeClass('lg-left-end');
|
2364 |
+
}, 400);
|
2365 |
+
}
|
2366 |
+
}
|
2367 |
+
}
|
2368 |
+
};
|
2369 |
+
LightGallery.prototype.keyPress = function () {
|
2370 |
+
var _this = this;
|
2371 |
+
$LG(window).on("keydown.lg.global" + this.lgId, function (e) {
|
2372 |
+
if (_this.lgOpened &&
|
2373 |
+
_this.settings.escKey === true &&
|
2374 |
+
e.keyCode === 27) {
|
2375 |
+
e.preventDefault();
|
2376 |
+
if (_this.settings.allowMediaOverlap &&
|
2377 |
+
_this.outer.hasClass('lg-can-toggle') &&
|
2378 |
+
_this.outer.hasClass('lg-components-open')) {
|
2379 |
+
_this.outer.removeClass('lg-components-open');
|
2380 |
+
}
|
2381 |
+
else {
|
2382 |
+
_this.closeGallery();
|
2383 |
+
}
|
2384 |
+
}
|
2385 |
+
if (_this.lgOpened && _this.galleryItems.length > 1) {
|
2386 |
+
if (e.keyCode === 37) {
|
2387 |
+
e.preventDefault();
|
2388 |
+
_this.goToPrevSlide();
|
2389 |
+
}
|
2390 |
+
if (e.keyCode === 39) {
|
2391 |
+
e.preventDefault();
|
2392 |
+
_this.goToNextSlide();
|
2393 |
+
}
|
2394 |
+
}
|
2395 |
+
});
|
2396 |
+
};
|
2397 |
+
LightGallery.prototype.arrow = function () {
|
2398 |
+
var _this = this;
|
2399 |
+
this.getElementById('lg-prev').on('click.lg', function () {
|
2400 |
+
_this.goToPrevSlide();
|
2401 |
+
});
|
2402 |
+
this.getElementById('lg-next').on('click.lg', function () {
|
2403 |
+
_this.goToNextSlide();
|
2404 |
+
});
|
2405 |
+
};
|
2406 |
+
LightGallery.prototype.arrowDisable = function (index) {
|
2407 |
+
// Disable arrows if settings.hideControlOnEnd is true
|
2408 |
+
if (!this.settings.loop && this.settings.hideControlOnEnd) {
|
2409 |
+
var $prev = this.getElementById('lg-prev');
|
2410 |
+
var $next = this.getElementById('lg-next');
|
2411 |
+
if (index + 1 === this.galleryItems.length) {
|
2412 |
+
$next.attr('disabled', 'disabled').addClass('disabled');
|
2413 |
+
}
|
2414 |
+
else {
|
2415 |
+
$next.removeAttr('disabled').removeClass('disabled');
|
2416 |
+
}
|
2417 |
+
if (index === 0) {
|
2418 |
+
$prev.attr('disabled', 'disabled').addClass('disabled');
|
2419 |
+
}
|
2420 |
+
else {
|
2421 |
+
$prev.removeAttr('disabled').removeClass('disabled');
|
2422 |
+
}
|
2423 |
+
}
|
2424 |
+
};
|
2425 |
+
LightGallery.prototype.setTranslate = function ($el, xValue, yValue, scaleX, scaleY) {
|
2426 |
+
if (scaleX === void 0) { scaleX = 1; }
|
2427 |
+
if (scaleY === void 0) { scaleY = 1; }
|
2428 |
+
$el.css('transform', 'translate3d(' +
|
2429 |
+
xValue +
|
2430 |
+
'px, ' +
|
2431 |
+
yValue +
|
2432 |
+
'px, 0px) scale3d(' +
|
2433 |
+
scaleX +
|
2434 |
+
', ' +
|
2435 |
+
scaleY +
|
2436 |
+
', 1)');
|
2437 |
+
};
|
2438 |
+
LightGallery.prototype.mousewheel = function () {
|
2439 |
+
var _this = this;
|
2440 |
+
var lastCall = 0;
|
2441 |
+
this.outer.on('wheel.lg', function (e) {
|
2442 |
+
if (!e.deltaY || _this.galleryItems.length < 2) {
|
2443 |
+
return;
|
2444 |
+
}
|
2445 |
+
e.preventDefault();
|
2446 |
+
var now = new Date().getTime();
|
2447 |
+
if (now - lastCall < 1000) {
|
2448 |
+
return;
|
2449 |
+
}
|
2450 |
+
lastCall = now;
|
2451 |
+
if (e.deltaY > 0) {
|
2452 |
+
_this.goToNextSlide();
|
2453 |
+
}
|
2454 |
+
else if (e.deltaY < 0) {
|
2455 |
+
_this.goToPrevSlide();
|
2456 |
+
}
|
2457 |
+
});
|
2458 |
+
};
|
2459 |
+
LightGallery.prototype.isSlideElement = function (target) {
|
2460 |
+
return (target.hasClass('lg-outer') ||
|
2461 |
+
target.hasClass('lg-item') ||
|
2462 |
+
target.hasClass('lg-img-wrap'));
|
2463 |
+
};
|
2464 |
+
LightGallery.prototype.isPosterElement = function (target) {
|
2465 |
+
var playButton = this.getSlideItem(this.index)
|
2466 |
+
.find('.lg-video-play-button')
|
2467 |
+
.get();
|
2468 |
+
return (target.hasClass('lg-video-poster') ||
|
2469 |
+
target.hasClass('lg-video-play-button') ||
|
2470 |
+
(playButton && playButton.contains(target.get())));
|
2471 |
+
};
|
2472 |
+
/**
|
2473 |
+
* Maximize minimize inline gallery.
|
2474 |
+
* @category lGPublicMethods
|
2475 |
+
*/
|
2476 |
+
LightGallery.prototype.toggleMaximize = function () {
|
2477 |
+
var _this = this;
|
2478 |
+
this.getElementById('lg-maximize').on('click.lg', function () {
|
2479 |
+
_this.$container.toggleClass('lg-inline');
|
2480 |
+
_this.refreshOnResize();
|
2481 |
+
});
|
2482 |
+
};
|
2483 |
+
LightGallery.prototype.invalidateItems = function () {
|
2484 |
+
for (var index = 0; index < this.items.length; index++) {
|
2485 |
+
var element = this.items[index];
|
2486 |
+
var $element = $LG(element);
|
2487 |
+
$element.off("click.lgcustom-item-" + $element.attr('data-lg-id'));
|
2488 |
+
}
|
2489 |
+
};
|
2490 |
+
LightGallery.prototype.trapFocus = function () {
|
2491 |
+
var _this = this;
|
2492 |
+
this.$container.get().focus({
|
2493 |
+
preventScroll: true,
|
2494 |
+
});
|
2495 |
+
$LG(window).on("keydown.lg.global" + this.lgId, function (e) {
|
2496 |
+
if (!_this.lgOpened) {
|
2497 |
+
return;
|
2498 |
+
}
|
2499 |
+
var isTabPressed = e.key === 'Tab' || e.keyCode === 9;
|
2500 |
+
if (!isTabPressed) {
|
2501 |
+
return;
|
2502 |
+
}
|
2503 |
+
var focusableEls = utils.getFocusableElements(_this.$container.get());
|
2504 |
+
var firstFocusableEl = focusableEls[0];
|
2505 |
+
var lastFocusableEl = focusableEls[focusableEls.length - 1];
|
2506 |
+
if (e.shiftKey) {
|
2507 |
+
if (document.activeElement === firstFocusableEl) {
|
2508 |
+
lastFocusableEl.focus();
|
2509 |
+
e.preventDefault();
|
2510 |
+
}
|
2511 |
+
}
|
2512 |
+
else {
|
2513 |
+
if (document.activeElement === lastFocusableEl) {
|
2514 |
+
firstFocusableEl.focus();
|
2515 |
+
e.preventDefault();
|
2516 |
+
}
|
2517 |
+
}
|
2518 |
+
});
|
2519 |
+
};
|
2520 |
+
LightGallery.prototype.manageCloseGallery = function () {
|
2521 |
+
var _this = this;
|
2522 |
+
if (!this.settings.closable)
|
2523 |
+
return;
|
2524 |
+
var mousedown = false;
|
2525 |
+
this.getElementById('lg-close').on('click.lg', function () {
|
2526 |
+
_this.closeGallery();
|
2527 |
+
});
|
2528 |
+
if (this.settings.closeOnTap) {
|
2529 |
+
// If you drag the slide and release outside gallery gets close on chrome
|
2530 |
+
// for preventing this check mousedown and mouseup happened on .lg-item or lg-outer
|
2531 |
+
this.outer.on('mousedown.lg', function (e) {
|
2532 |
+
var target = $LG(e.target);
|
2533 |
+
if (_this.isSlideElement(target)) {
|
2534 |
+
mousedown = true;
|
2535 |
+
}
|
2536 |
+
else {
|
2537 |
+
mousedown = false;
|
2538 |
+
}
|
2539 |
+
});
|
2540 |
+
this.outer.on('mousemove.lg', function () {
|
2541 |
+
mousedown = false;
|
2542 |
+
});
|
2543 |
+
this.outer.on('mouseup.lg', function (e) {
|
2544 |
+
var target = $LG(e.target);
|
2545 |
+
if (_this.isSlideElement(target) && mousedown) {
|
2546 |
+
if (!_this.outer.hasClass('lg-dragging')) {
|
2547 |
+
_this.closeGallery();
|
2548 |
+
}
|
2549 |
+
}
|
2550 |
+
});
|
2551 |
+
}
|
2552 |
+
};
|
2553 |
+
/**
|
2554 |
+
* Close lightGallery if it is opened.
|
2555 |
+
*
|
2556 |
+
* @description If closable is false in the settings, you need to pass true via closeGallery method to force close gallery
|
2557 |
+
* @return returns the estimated time to close gallery completely including the close animation duration
|
2558 |
+
* @category lGPublicMethods
|
2559 |
+
* @example
|
2560 |
+
* const plugin = lightGallery();
|
2561 |
+
* plugin.closeGallery();
|
2562 |
+
*
|
2563 |
+
*/
|
2564 |
+
LightGallery.prototype.closeGallery = function (force) {
|
2565 |
+
var _this = this;
|
2566 |
+
if (!this.lgOpened || (!this.settings.closable && !force)) {
|
2567 |
+
return 0;
|
2568 |
+
}
|
2569 |
+
this.LGel.trigger(lGEvents.beforeClose);
|
2570 |
+
if (this.settings.resetScrollPosition && !this.settings.hideScrollbar) {
|
2571 |
+
$LG(window).scrollTop(this.prevScrollTop);
|
2572 |
+
}
|
2573 |
+
var currentItem = this.items[this.index];
|
2574 |
+
var transform;
|
2575 |
+
if (this.zoomFromOrigin && currentItem) {
|
2576 |
+
var _a = this.mediaContainerPosition, top_4 = _a.top, bottom = _a.bottom;
|
2577 |
+
var _b = this.galleryItems[this.index], __slideVideoInfo = _b.__slideVideoInfo, poster = _b.poster;
|
2578 |
+
var imageSize = utils.getSize(currentItem, this.outer, top_4 + bottom, __slideVideoInfo && poster && this.settings.videoMaxSize);
|
2579 |
+
transform = utils.getTransform(currentItem, this.outer, top_4, bottom, imageSize);
|
2580 |
+
}
|
2581 |
+
if (this.zoomFromOrigin && transform) {
|
2582 |
+
this.outer.addClass('lg-closing lg-zoom-from-image');
|
2583 |
+
this.getSlideItem(this.index)
|
2584 |
+
.addClass('lg-start-end-progress')
|
2585 |
+
.css('transition-duration', this.settings.startAnimationDuration + 'ms')
|
2586 |
+
.css('transform', transform);
|
2587 |
+
}
|
2588 |
+
else {
|
2589 |
+
this.outer.addClass('lg-hide-items');
|
2590 |
+
// lg-zoom-from-image is used for setting the opacity to 1 if zoomFromOrigin is true
|
2591 |
+
// If the closing item doesn't have the lg-size attribute, remove this class to avoid the closing css conflicts
|
2592 |
+
this.outer.removeClass('lg-zoom-from-image');
|
2593 |
+
}
|
2594 |
+
// Unbind all events added by lightGallery
|
2595 |
+
// @todo
|
2596 |
+
//this.$el.off('.lg.tm');
|
2597 |
+
this.destroyModules();
|
2598 |
+
this.lGalleryOn = false;
|
2599 |
+
this.isDummyImageRemoved = false;
|
2600 |
+
this.zoomFromOrigin = this.settings.zoomFromOrigin;
|
2601 |
+
clearTimeout(this.hideBarTimeout);
|
2602 |
+
this.hideBarTimeout = false;
|
2603 |
+
$LG('html').removeClass('lg-on');
|
2604 |
+
this.outer.removeClass('lg-visible lg-components-open');
|
2605 |
+
// Resetting opacity to 0 isd required as vertical swipe to close function adds inline opacity.
|
2606 |
+
this.$backdrop.removeClass('in').css('opacity', 0);
|
2607 |
+
var removeTimeout = this.zoomFromOrigin && transform
|
2608 |
+
? Math.max(this.settings.startAnimationDuration, this.settings.backdropDuration)
|
2609 |
+
: this.settings.backdropDuration;
|
2610 |
+
this.$container.removeClass('lg-show-in');
|
2611 |
+
// Once the closign animation is completed and gallery is invisible
|
2612 |
+
setTimeout(function () {
|
2613 |
+
if (_this.zoomFromOrigin && transform) {
|
2614 |
+
_this.outer.removeClass('lg-zoom-from-image');
|
2615 |
+
}
|
2616 |
+
_this.$container.removeClass('lg-show');
|
2617 |
+
// Reset scrollbar
|
2618 |
+
_this.resetScrollBar();
|
2619 |
+
// Need to remove inline opacity as it is used in the stylesheet as well
|
2620 |
+
_this.$backdrop
|
2621 |
+
.removeAttr('style')
|
2622 |
+
.css('transition-duration', _this.settings.backdropDuration + 'ms');
|
2623 |
+
_this.outer.removeClass("lg-closing " + _this.settings.startClass);
|
2624 |
+
_this.getSlideItem(_this.index).removeClass('lg-start-end-progress');
|
2625 |
+
_this.$inner.empty();
|
2626 |
+
if (_this.lgOpened) {
|
2627 |
+
_this.LGel.trigger(lGEvents.afterClose, {
|
2628 |
+
instance: _this,
|
2629 |
+
});
|
2630 |
+
}
|
2631 |
+
if (_this.$container.get()) {
|
2632 |
+
_this.$container.get().blur();
|
2633 |
+
}
|
2634 |
+
_this.lgOpened = false;
|
2635 |
+
}, removeTimeout + 100);
|
2636 |
+
return removeTimeout + 100;
|
2637 |
+
};
|
2638 |
+
LightGallery.prototype.initModules = function () {
|
2639 |
+
this.plugins.forEach(function (module) {
|
2640 |
+
try {
|
2641 |
+
module.init();
|
2642 |
+
}
|
2643 |
+
catch (err) {
|
2644 |
+
console.warn("lightGallery:- make sure lightGallery module is properly initiated");
|
2645 |
+
}
|
2646 |
+
});
|
2647 |
+
};
|
2648 |
+
LightGallery.prototype.destroyModules = function (destroy) {
|
2649 |
+
this.plugins.forEach(function (module) {
|
2650 |
+
try {
|
2651 |
+
if (destroy) {
|
2652 |
+
module.destroy();
|
2653 |
+
}
|
2654 |
+
else {
|
2655 |
+
module.closeGallery && module.closeGallery();
|
2656 |
+
}
|
2657 |
+
}
|
2658 |
+
catch (err) {
|
2659 |
+
console.warn("lightGallery:- make sure lightGallery module is properly destroyed");
|
2660 |
+
}
|
2661 |
+
});
|
2662 |
+
};
|
2663 |
+
/**
|
2664 |
+
* Refresh lightGallery with new set of children.
|
2665 |
+
*
|
2666 |
+
* @description This is useful to update the gallery when the child elements are changed without calling destroy method.
|
2667 |
+
*
|
2668 |
+
* If you are using dynamic mode, you can pass the modified array of dynamicEl as the first parameter to refresh the dynamic gallery
|
2669 |
+
* @see <a href="/demos/dynamic-mode/">Demo</a>
|
2670 |
+
* @category lGPublicMethods
|
2671 |
+
* @example
|
2672 |
+
* const plugin = lightGallery();
|
2673 |
+
* // Delete or add children, then call
|
2674 |
+
* plugin.refresh();
|
2675 |
+
*
|
2676 |
+
*/
|
2677 |
+
LightGallery.prototype.refresh = function (galleryItems) {
|
2678 |
+
if (!this.settings.dynamic) {
|
2679 |
+
this.invalidateItems();
|
2680 |
+
}
|
2681 |
+
if (galleryItems) {
|
2682 |
+
this.galleryItems = galleryItems;
|
2683 |
+
}
|
2684 |
+
else {
|
2685 |
+
this.galleryItems = this.getItems();
|
2686 |
+
}
|
2687 |
+
this.updateControls();
|
2688 |
+
this.openGalleryOnItemClick();
|
2689 |
+
this.LGel.trigger(lGEvents.updateSlides);
|
2690 |
+
};
|
2691 |
+
LightGallery.prototype.updateControls = function () {
|
2692 |
+
this.addSlideVideoInfo(this.galleryItems);
|
2693 |
+
this.updateCounterTotal();
|
2694 |
+
this.manageSingleSlideClassName();
|
2695 |
+
};
|
2696 |
+
/**
|
2697 |
+
* Destroy lightGallery.
|
2698 |
+
* Destroy lightGallery and its plugin instances completely
|
2699 |
+
*
|
2700 |
+
* @description This method also calls CloseGallery function internally. Returns the time takes to completely close and destroy the instance.
|
2701 |
+
* In case if you want to re-initialize lightGallery right after destroying it, initialize it only once the destroy process is completed.
|
2702 |
+
* You can use refresh method most of the times.
|
2703 |
+
* @category lGPublicMethods
|
2704 |
+
* @example
|
2705 |
+
* const plugin = lightGallery();
|
2706 |
+
* plugin.destroy();
|
2707 |
+
*
|
2708 |
+
*/
|
2709 |
+
LightGallery.prototype.destroy = function () {
|
2710 |
+
var _this = this;
|
2711 |
+
var closeTimeout = this.closeGallery(true);
|
2712 |
+
setTimeout(function () {
|
2713 |
+
_this.destroyModules(true);
|
2714 |
+
if (!_this.settings.dynamic) {
|
2715 |
+
_this.invalidateItems();
|
2716 |
+
}
|
2717 |
+
$LG(window).off(".lg.global" + _this.lgId);
|
2718 |
+
_this.LGel.off('.lg');
|
2719 |
+
_this.$container.remove();
|
2720 |
+
}, closeTimeout);
|
2721 |
+
return closeTimeout;
|
2722 |
+
};
|
2723 |
+
return LightGallery;
|
2724 |
+
}());
|
2725 |
+
|
2726 |
+
function lightGallery(el, options) {
|
2727 |
+
return new LightGallery(el, options);
|
2728 |
+
}
|
2729 |
+
|
2730 |
+
return lightGallery;
|
2731 |
+
|
2732 |
+
})));
|
2733 |
+
//# sourceMappingURL=lightgallery.umd.js.map
|
lightgallery/player.min.js
ADDED
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*! @vimeo/player v2.17.1 | (c) 2022 Vimeo | MIT License | https://github.com/vimeo/player.js */
|
2 |
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).Vimeo=e.Vimeo||{},e.Vimeo.Player=t())}(this,(function(){"use strict";function e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var n="undefined"!=typeof global&&"[object global]"==={}.toString.call(global);function r(e,t){return 0===e.indexOf(t.toLowerCase())?e:"".concat(t.toLowerCase()).concat(e.substr(0,1).toUpperCase()).concat(e.substr(1))}function o(e){return Boolean(e&&1===e.nodeType&&"nodeName"in e&&e.ownerDocument&&e.ownerDocument.defaultView)}function i(e){return!isNaN(parseFloat(e))&&isFinite(e)&&Math.floor(e)==e}function a(e){return/^(https?:)?\/\/((player|www)\.)?vimeo\.com(?=$|\/)/.test(e)}function u(e){return/^https:\/\/player\.vimeo\.com\/video\/\d+/.test(e)}function l(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.id,n=e.url,r=t||n;if(!r)throw new Error("An id or url must be passed, either in an options object or as a data-vimeo-id or data-vimeo-url attribute.");if(i(r))return"https://vimeo.com/".concat(r);if(a(r))return r.replace("http:","https:");if(t)throw new TypeError("“".concat(t,"” is not a valid video id."));throw new TypeError("“".concat(r,"” is not a vimeo.com url."))}var c=void 0!==Array.prototype.indexOf,s="undefined"!=typeof window&&void 0!==window.postMessage;if(!(n||c&&s))throw new Error("Sorry, the Vimeo Player API is not available in this browser.");var f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};
|
3 |
+
/*!
|
4 |
+
* weakmap-polyfill v2.0.4 - ECMAScript6 WeakMap polyfill
|
5 |
+
* https://github.com/polygonplanet/weakmap-polyfill
|
6 |
+
* Copyright (c) 2015-2021 polygonplanet <polygon.planet.aqua@gmail.com>
|
7 |
+
* @license MIT
|
8 |
+
*/
|
9 |
+
!function(e){if(!e.WeakMap){var t=Object.prototype.hasOwnProperty,n=Object.defineProperty&&function(){try{return 1===Object.defineProperty({},"x",{value:1}).x}catch(e){}}(),r=function(e,t,r){n?Object.defineProperty(e,t,{configurable:!0,writable:!0,value:r}):e[t]=r};e.WeakMap=function(){function e(){if(void 0===this)throw new TypeError("Constructor WeakMap requires 'new'");if(r(this,"_id",i("_WeakMap")),arguments.length>0)throw new TypeError("WeakMap iterable is not supported")}function n(e,n){if(!o(e)||!t.call(e,"_id"))throw new TypeError(n+" method called on incompatible receiver "+typeof e)}function i(e){return e+"_"+a()+"."+a()}function a(){return Math.random().toString().substring(2)}return r(e.prototype,"delete",(function(e){if(n(this,"delete"),!o(e))return!1;var t=e[this._id];return!(!t||t[0]!==e)&&(delete e[this._id],!0)})),r(e.prototype,"get",(function(e){if(n(this,"get"),o(e)){var t=e[this._id];return t&&t[0]===e?t[1]:void 0}})),r(e.prototype,"has",(function(e){if(n(this,"has"),!o(e))return!1;var t=e[this._id];return!(!t||t[0]!==e)})),r(e.prototype,"set",(function(e,t){if(n(this,"set"),!o(e))throw new TypeError("Invalid value used as weak map key");var i=e[this._id];return i&&i[0]===e?(i[1]=t,this):(r(e,this._id,[e,t]),this)})),r(e,"_polyfill",!0),e}()}function o(e){return Object(e)===e}}("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:f);var d=function(e,t){return e(t={exports:{}},t.exports),t.exports}((function(e){
|
10 |
+
/*! Native Promise Only
|
11 |
+
v0.8.1 (c) Kyle Simpson
|
12 |
+
MIT License: http://getify.mit-license.org
|
13 |
+
*/
|
14 |
+
var t,n,r;r=function(){var e,t,n,r=Object.prototype.toString,o="undefined"!=typeof setImmediate?function(e){return setImmediate(e)}:setTimeout;try{Object.defineProperty({},"x",{}),e=function(e,t,n,r){return Object.defineProperty(e,t,{value:n,writable:!0,configurable:!1!==r})}}catch(t){e=function(e,t,n){return e[t]=n,e}}function i(e,r){n.add(e,r),t||(t=o(n.drain))}function a(e){var t,n=typeof e;return null==e||"object"!=n&&"function"!=n||(t=e.then),"function"==typeof t&&t}function u(){for(var e=0;e<this.chain.length;e++)l(this,1===this.state?this.chain[e].success:this.chain[e].failure,this.chain[e]);this.chain.length=0}function l(e,t,n){var r,o;try{!1===t?n.reject(e.msg):(r=!0===t?e.msg:t.call(void 0,e.msg))===n.promise?n.reject(TypeError("Promise-chain cycle")):(o=a(r))?o.call(r,n.resolve,n.reject):n.resolve(r)}catch(e){n.reject(e)}}function c(e){var t,n=this;if(!n.triggered){n.triggered=!0,n.def&&(n=n.def);try{(t=a(e))?i((function(){var r=new d(n);try{t.call(e,(function(){c.apply(r,arguments)}),(function(){s.apply(r,arguments)}))}catch(e){s.call(r,e)}})):(n.msg=e,n.state=1,n.chain.length>0&&i(u,n))}catch(e){s.call(new d(n),e)}}}function s(e){var t=this;t.triggered||(t.triggered=!0,t.def&&(t=t.def),t.msg=e,t.state=2,t.chain.length>0&&i(u,t))}function f(e,t,n,r){for(var o=0;o<t.length;o++)!function(o){e.resolve(t[o]).then((function(e){n(o,e)}),r)}(o)}function d(e){this.def=e,this.triggered=!1}function h(e){this.promise=e,this.state=0,this.triggered=!1,this.chain=[],this.msg=void 0}function v(e){if("function"!=typeof e)throw TypeError("Not a function");if(0!==this.__NPO__)throw TypeError("Not a promise");this.__NPO__=1;var t=new h(this);this.then=function(e,n){var r={success:"function"!=typeof e||e,failure:"function"==typeof n&&n};return r.promise=new this.constructor((function(e,t){if("function"!=typeof e||"function"!=typeof t)throw TypeError("Not a function");r.resolve=e,r.reject=t})),t.chain.push(r),0!==t.state&&i(u,t),r.promise},this.catch=function(e){return this.then(void 0,e)};try{e.call(void 0,(function(e){c.call(t,e)}),(function(e){s.call(t,e)}))}catch(e){s.call(t,e)}}n=function(){var e,n,r;function o(e,t){this.fn=e,this.self=t,this.next=void 0}return{add:function(t,i){r=new o(t,i),n?n.next=r:e=r,n=r,r=void 0},drain:function(){var r=e;for(e=n=t=void 0;r;)r.fn.call(r.self),r=r.next}}}();var m=e({},"constructor",v,!1);return v.prototype=m,e(m,"__NPO__",0,!1),e(v,"resolve",(function(e){return e&&"object"==typeof e&&1===e.__NPO__?e:new this((function(t,n){if("function"!=typeof t||"function"!=typeof n)throw TypeError("Not a function");t(e)}))})),e(v,"reject",(function(e){return new this((function(t,n){if("function"!=typeof t||"function"!=typeof n)throw TypeError("Not a function");n(e)}))})),e(v,"all",(function(e){var t=this;return"[object Array]"!=r.call(e)?t.reject(TypeError("Not an array")):0===e.length?t.resolve([]):new t((function(n,r){if("function"!=typeof n||"function"!=typeof r)throw TypeError("Not a function");var o=e.length,i=Array(o),a=0;f(t,e,(function(e,t){i[e]=t,++a===o&&n(i)}),r)}))})),e(v,"race",(function(e){var t=this;return"[object Array]"!=r.call(e)?t.reject(TypeError("Not an array")):new t((function(n,r){if("function"!=typeof n||"function"!=typeof r)throw TypeError("Not a function");f(t,e,(function(e,t){n(t)}),r)}))})),v},(n=f)[t="Promise"]=n[t]||r(),e.exports&&(e.exports=n[t])})),h=new WeakMap;function v(e,t,n){var r=h.get(e.element)||{};t in r||(r[t]=[]),r[t].push(n),h.set(e.element,r)}function m(e,t){return(h.get(e.element)||{})[t]||[]}function p(e,t,n){var r=h.get(e.element)||{};if(!r[t])return!0;if(!n)return r[t]=[],h.set(e.element,r),!0;var o=r[t].indexOf(n);return-1!==o&&r[t].splice(o,1),h.set(e.element,r),r[t]&&0===r[t].length}function y(e,t){var n=h.get(e);h.set(t,n),h.delete(e)}function g(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return console.warn(e),{}}return e}function w(e,t,n){if(e.element.contentWindow&&e.element.contentWindow.postMessage){var r={method:t};void 0!==n&&(r.value=n);var o=parseFloat(navigator.userAgent.toLowerCase().replace(/^.*msie (\d+).*$/,"$1"));o>=8&&o<10&&(r=JSON.stringify(r)),e.element.contentWindow.postMessage(r,e.origin)}}function b(e,t){var n,r=[];if((t=g(t)).event){if("error"===t.event)m(e,t.data.method).forEach((function(n){var r=new Error(t.data.message);r.name=t.data.name,n.reject(r),p(e,t.data.method,n)}));r=m(e,"event:".concat(t.event)),n=t.data}else if(t.method){var o=function(e,t){var n=m(e,t);if(n.length<1)return!1;var r=n.shift();return p(e,t,r),r}(e,t.method);o&&(r.push(o),n=t.value)}r.forEach((function(t){try{if("function"==typeof t)return void t.call(e,n);t.resolve(n)}catch(e){}}))}var k=["autopause","autoplay","background","byline","color","controls","dnt","height","id","interactive_params","keyboard","loop","maxheight","maxwidth","muted","playsinline","portrait","responsive","speed","texttrack","title","transparent","url","width"];function E(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return k.reduce((function(t,n){var r=e.getAttribute("data-vimeo-".concat(n));return(r||""===r)&&(t[n]=""===r?1:r),t}),t)}function T(e,t){var n=e.html;if(!t)throw new TypeError("An element must be provided");if(null!==t.getAttribute("data-vimeo-initialized"))return t.querySelector("iframe");var r=document.createElement("div");return r.innerHTML=n,t.appendChild(r.firstChild),t.setAttribute("data-vimeo-initialized","true"),t.querySelector("iframe")}function P(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return new Promise((function(r,o){if(!a(e))throw new TypeError("“".concat(e,"” is not a vimeo.com url."));var i="https://vimeo.com/api/oembed.json?url=".concat(encodeURIComponent(e));for(var u in t)t.hasOwnProperty(u)&&(i+="&".concat(u,"=").concat(encodeURIComponent(t[u])));var l="XDomainRequest"in window?new XDomainRequest:new XMLHttpRequest;l.open("GET",i,!0),l.onload=function(){if(404!==l.status)if(403!==l.status)try{var t=JSON.parse(l.responseText);if(403===t.domain_status_code)return T(t,n),void o(new Error("“".concat(e,"” is not embeddable.")));r(t)}catch(e){o(e)}else o(new Error("“".concat(e,"” is not embeddable.")));else o(new Error("“".concat(e,"” was not found.")))},l.onerror=function(){var e=l.status?" (".concat(l.status,")"):"";o(new Error("There was an error fetching the embed code from Vimeo".concat(e,".")))},l.send()}))}var M=new WeakMap,_=new WeakMap,F={},N=function(){function n(t){var r=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(e(this,n),window.jQuery&&t instanceof jQuery&&(t.length>1&&window.console&&console.warn&&console.warn("A jQuery object with multiple elements was passed, using the first element."),t=t[0]),"undefined"!=typeof document&&"string"==typeof t&&(t=document.getElementById(t)),!o(t))throw new TypeError("You must pass either a valid element or a valid id.");if("IFRAME"!==t.nodeName){var u=t.querySelector("iframe");u&&(t=u)}if("IFRAME"===t.nodeName&&!a(t.getAttribute("src")||""))throw new Error("The player element passed isn’t a Vimeo embed.");if(M.has(t))return M.get(t);this._window=t.ownerDocument.defaultView,this.element=t,this.origin="*";var c=new d((function(e,n){if(r._onMessage=function(t){if(a(t.origin)&&r.element.contentWindow===t.source){"*"===r.origin&&(r.origin=t.origin);var o=g(t.data);if(o&&"error"===o.event&&o.data&&"ready"===o.data.method){var i=new Error(o.data.message);return i.name=o.data.name,void n(i)}var u=o&&"ready"===o.event,l=o&&"ping"===o.method;if(u||l)return r.element.setAttribute("data-ready","true"),void e();b(r,o)}},r._window.addEventListener("message",r._onMessage),"IFRAME"!==r.element.nodeName){var o=E(t,i);P(l(o),o,t).then((function(e){var n=T(e,t);return r.element=n,r._originalElement=t,y(t,n),M.set(r.element,r),e})).catch(n)}}));if(_.set(this,c),M.set(this.element,this),"IFRAME"===this.element.nodeName&&w(this,"ping"),F.isEnabled){var s=function(){return F.exit()};this.fullscreenchangeHandler=function(){F.isFullscreen?v(r,"event:exitFullscreen",s):p(r,"event:exitFullscreen",s),r.ready().then((function(){w(r,"fullscreenchange",F.isFullscreen)}))},F.on("fullscreenchange",this.fullscreenchangeHandler)}return this}var i,u,c;return i=n,u=[{key:"callMethod",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new d((function(r,o){return t.ready().then((function(){v(t,e,{resolve:r,reject:o}),w(t,e,n)})).catch(o)}))}},{key:"get",value:function(e){var t=this;return new d((function(n,o){return e=r(e,"get"),t.ready().then((function(){v(t,e,{resolve:n,reject:o}),w(t,e)})).catch(o)}))}},{key:"set",value:function(e,t){var n=this;return new d((function(o,i){if(e=r(e,"set"),null==t)throw new TypeError("There must be a value to set.");return n.ready().then((function(){v(n,e,{resolve:o,reject:i}),w(n,e,t)})).catch(i)}))}},{key:"on",value:function(e,t){if(!e)throw new TypeError("You must pass an event name.");if(!t)throw new TypeError("You must pass a callback function.");if("function"!=typeof t)throw new TypeError("The callback must be a function.");0===m(this,"event:".concat(e)).length&&this.callMethod("addEventListener",e).catch((function(){})),v(this,"event:".concat(e),t)}},{key:"off",value:function(e,t){if(!e)throw new TypeError("You must pass an event name.");if(t&&"function"!=typeof t)throw new TypeError("The callback must be a function.");p(this,"event:".concat(e),t)&&this.callMethod("removeEventListener",e).catch((function(e){}))}},{key:"loadVideo",value:function(e){return this.callMethod("loadVideo",e)}},{key:"ready",value:function(){var e=_.get(this)||new d((function(e,t){t(new Error("Unknown player. Probably unloaded."))}));return d.resolve(e)}},{key:"addCuePoint",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.callMethod("addCuePoint",{time:e,data:t})}},{key:"removeCuePoint",value:function(e){return this.callMethod("removeCuePoint",e)}},{key:"enableTextTrack",value:function(e,t){if(!e)throw new TypeError("You must pass a language.");return this.callMethod("enableTextTrack",{language:e,kind:t})}},{key:"disableTextTrack",value:function(){return this.callMethod("disableTextTrack")}},{key:"pause",value:function(){return this.callMethod("pause")}},{key:"play",value:function(){return this.callMethod("play")}},{key:"requestFullscreen",value:function(){return F.isEnabled?F.request(this.element):this.callMethod("requestFullscreen")}},{key:"exitFullscreen",value:function(){return F.isEnabled?F.exit():this.callMethod("exitFullscreen")}},{key:"getFullscreen",value:function(){return F.isEnabled?d.resolve(F.isFullscreen):this.get("fullscreen")}},{key:"requestPictureInPicture",value:function(){return this.callMethod("requestPictureInPicture")}},{key:"exitPictureInPicture",value:function(){return this.callMethod("exitPictureInPicture")}},{key:"getPictureInPicture",value:function(){return this.get("pictureInPicture")}},{key:"unload",value:function(){return this.callMethod("unload")}},{key:"destroy",value:function(){var e=this;return new d((function(t){if(_.delete(e),M.delete(e.element),e._originalElement&&(M.delete(e._originalElement),e._originalElement.removeAttribute("data-vimeo-initialized")),e.element&&"IFRAME"===e.element.nodeName&&e.element.parentNode&&(e.element.parentNode.parentNode&&e._originalElement&&e._originalElement!==e.element.parentNode?e.element.parentNode.parentNode.removeChild(e.element.parentNode):e.element.parentNode.removeChild(e.element)),e.element&&"DIV"===e.element.nodeName&&e.element.parentNode){e.element.removeAttribute("data-vimeo-initialized");var n=e.element.querySelector("iframe");n&&n.parentNode&&(n.parentNode.parentNode&&e._originalElement&&e._originalElement!==n.parentNode?n.parentNode.parentNode.removeChild(n.parentNode):n.parentNode.removeChild(n))}e._window.removeEventListener("message",e._onMessage),F.isEnabled&&F.off("fullscreenchange",e.fullscreenchangeHandler),t()}))}},{key:"getAutopause",value:function(){return this.get("autopause")}},{key:"setAutopause",value:function(e){return this.set("autopause",e)}},{key:"getBuffered",value:function(){return this.get("buffered")}},{key:"getCameraProps",value:function(){return this.get("cameraProps")}},{key:"setCameraProps",value:function(e){return this.set("cameraProps",e)}},{key:"getChapters",value:function(){return this.get("chapters")}},{key:"getCurrentChapter",value:function(){return this.get("currentChapter")}},{key:"getColor",value:function(){return this.get("color")}},{key:"setColor",value:function(e){return this.set("color",e)}},{key:"getCuePoints",value:function(){return this.get("cuePoints")}},{key:"getCurrentTime",value:function(){return this.get("currentTime")}},{key:"setCurrentTime",value:function(e){return this.set("currentTime",e)}},{key:"getDuration",value:function(){return this.get("duration")}},{key:"getEnded",value:function(){return this.get("ended")}},{key:"getLoop",value:function(){return this.get("loop")}},{key:"setLoop",value:function(e){return this.set("loop",e)}},{key:"setMuted",value:function(e){return this.set("muted",e)}},{key:"getMuted",value:function(){return this.get("muted")}},{key:"getPaused",value:function(){return this.get("paused")}},{key:"getPlaybackRate",value:function(){return this.get("playbackRate")}},{key:"setPlaybackRate",value:function(e){return this.set("playbackRate",e)}},{key:"getPlayed",value:function(){return this.get("played")}},{key:"getQualities",value:function(){return this.get("qualities")}},{key:"getQuality",value:function(){return this.get("quality")}},{key:"setQuality",value:function(e){return this.set("quality",e)}},{key:"getSeekable",value:function(){return this.get("seekable")}},{key:"getSeeking",value:function(){return this.get("seeking")}},{key:"getTextTracks",value:function(){return this.get("textTracks")}},{key:"getVideoEmbedCode",value:function(){return this.get("videoEmbedCode")}},{key:"getVideoId",value:function(){return this.get("videoId")}},{key:"getVideoTitle",value:function(){return this.get("videoTitle")}},{key:"getVideoWidth",value:function(){return this.get("videoWidth")}},{key:"getVideoHeight",value:function(){return this.get("videoHeight")}},{key:"getVideoUrl",value:function(){return this.get("videoUrl")}},{key:"getVolume",value:function(){return this.get("volume")}},{key:"setVolume",value:function(e){return this.set("volume",e)}}],u&&t(i.prototype,u),c&&t(i,c),n}();return n||(F=function(){var e=function(){for(var e,t=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n=0,r=t.length,o={};n<r;n++)if((e=t[n])&&e[1]in document){for(n=0;n<e.length;n++)o[t[0][n]]=e[n];return o}return!1}(),t={fullscreenchange:e.fullscreenchange,fullscreenerror:e.fullscreenerror},n={request:function(t){return new Promise((function(r,o){var i=function e(){n.off("fullscreenchange",e),r()};n.on("fullscreenchange",i);var a=(t=t||document.documentElement)[e.requestFullscreen]();a instanceof Promise&&a.then(i).catch(o)}))},exit:function(){return new Promise((function(t,r){if(n.isFullscreen){var o=function e(){n.off("fullscreenchange",e),t()};n.on("fullscreenchange",o);var i=document[e.exitFullscreen]();i instanceof Promise&&i.then(o).catch(r)}else t()}))},on:function(e,n){var r=t[e];r&&document.addEventListener(r,n)},off:function(e,n){var r=t[e];r&&document.removeEventListener(r,n)}};return Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(document[e.fullscreenElement])}},element:{enumerable:!0,get:function(){return document[e.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return Boolean(document[e.fullscreenEnabled])}}}),n}(),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,t=[].slice.call(e.querySelectorAll("[data-vimeo-id], [data-vimeo-url]")),n=function(e){"console"in window&&console.error&&console.error("There was an error creating an embed: ".concat(e))};t.forEach((function(e){try{if(null!==e.getAttribute("data-vimeo-defer"))return;var t=E(e);P(l(t),t,e).then((function(t){return T(t,e)})).catch(n)}catch(e){n(e)}}))}(),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;if(!window.VimeoPlayerResizeEmbeds_){window.VimeoPlayerResizeEmbeds_=!0;var t=function(t){if(a(t.origin)&&t.data&&"spacechange"===t.data.event)for(var n=e.querySelectorAll("iframe"),r=0;r<n.length;r++)if(n[r].contentWindow===t.source){n[r].parentElement.style.paddingBottom="".concat(t.data.data[0].bottom,"px");break}};window.addEventListener("message",t)}}(),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;if(!window.VimeoSeoMetadataAppended){window.VimeoSeoMetadataAppended=!0;var t=function(t){if(a(t.origin)){var n=g(t.data);if(n&&"ready"===n.event)for(var r=e.querySelectorAll("iframe"),o=0;o<r.length;o++){var i=r[o],l=i.contentWindow===t.source;u(i.src)&&l&&new N(i).callMethod("appendVideoMetadata",window.location.href)}}};window.addEventListener("message",t)}}()),N}));
|
lightgallery/plugins/autoplay/lg-autoplay.min.js
ADDED
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* lightgallery | 2.5.0 | June 13th 2022
|
3 |
+
* http://www.lightgalleryjs.com/
|
4 |
+
* Copyright (c) 2020 Sachin Neravath;
|
5 |
+
* @license GPLv3
|
6 |
+
*/
|
7 |
+
|
8 |
+
!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(t="undefined"!=typeof globalThis?globalThis:t||self).lgAutoplay=o()}(this,(function(){"use strict";var t=function(){return(t=Object.assign||function(t){for(var o,e=1,s=arguments.length;e<s;e++)for(var r in o=arguments[e])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t}).apply(this,arguments)},o="lgSlideItemLoad",e="lgBeforeSlide",s="lgAfterSlide",r="lgDragStart",i="lgDragEnd",a="lgAutoplay",l="lgAutoplayStart",n="lgAutoplayStop",u={autoplay:!0,slideShowAutoplay:!1,slideShowInterval:5e3,progressBar:!0,forceSlideShowAutoplay:!1,autoplayControls:!0,appendAutoplayControlsTo:".lg-toolbar",autoplayPluginStrings:{toggleAutoplay:"Toggle Autoplay"}};return function(){function p(o){return this.core=o,this.settings=t(t({},u),this.core.settings),this}return p.prototype.init=function(){var t=this;this.settings.autoplay&&(this.interval=!1,this.fromAuto=!0,this.pausedOnTouchDrag=!1,this.pausedOnSlideChange=!1,this.settings.autoplayControls&&this.controls(),this.settings.progressBar&&this.core.outer.append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>'),this.settings.slideShowAutoplay&&this.core.LGel.once(o+".autoplay",(function(){t.startAutoPlay()})),this.core.LGel.on(r+".autoplay touchstart.lg.autoplay",(function(){t.interval&&(t.stopAutoPlay(),t.pausedOnTouchDrag=!0)})),this.core.LGel.on(i+".autoplay touchend.lg.autoplay",(function(){!t.interval&&t.pausedOnTouchDrag&&(t.startAutoPlay(),t.pausedOnTouchDrag=!1)})),this.core.LGel.on(e+".autoplay",(function(){t.showProgressBar(),!t.fromAuto&&t.interval?(t.stopAutoPlay(),t.pausedOnSlideChange=!0):t.pausedOnSlideChange=!1,t.fromAuto=!1})),this.core.LGel.on(s+".autoplay",(function(){t.pausedOnSlideChange&&!t.interval&&t.settings.forceSlideShowAutoplay&&(t.startAutoPlay(),t.pausedOnSlideChange=!1)})),this.showProgressBar())},p.prototype.showProgressBar=function(){var t=this;if(this.settings.progressBar&&this.fromAuto){var o=this.core.outer.find(".lg-progress-bar"),e=this.core.outer.find(".lg-progress");this.interval&&(e.removeAttr("style"),o.removeClass("lg-start"),setTimeout((function(){e.css("transition","width "+(t.core.settings.speed+t.settings.slideShowInterval)+"ms ease 0s"),o.addClass("lg-start")}),20))}},p.prototype.controls=function(){var t=this,o='<button aria-label="'+this.settings.autoplayPluginStrings.toggleAutoplay+'" type="button" class="lg-autoplay-button lg-icon"></button>';this.core.outer.find(this.settings.appendAutoplayControlsTo).append(o),this.core.outer.find(".lg-autoplay-button").first().on("click.lg.autoplay",(function(){t.core.outer.hasClass("lg-show-autoplay")?t.stopAutoPlay():t.interval||t.startAutoPlay()}))},p.prototype.startAutoPlay=function(){var t=this;this.core.outer.find(".lg-progress").css("transition","width "+(this.core.settings.speed+this.settings.slideShowInterval)+"ms ease 0s"),this.core.outer.addClass("lg-show-autoplay"),this.core.outer.find(".lg-progress-bar").addClass("lg-start"),this.core.LGel.trigger(l,{index:this.core.index}),this.interval=setInterval((function(){t.core.index+1<t.core.galleryItems.length?t.core.index++:t.core.index=0,t.core.LGel.trigger(a,{index:t.core.index}),t.fromAuto=!0,t.core.slide(t.core.index,!1,!1,"next")}),this.core.settings.speed+this.settings.slideShowInterval)},p.prototype.stopAutoPlay=function(){this.interval&&(this.core.LGel.trigger(n,{index:this.core.index}),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")),clearInterval(this.interval),this.interval=!1},p.prototype.closeGallery=function(){this.stopAutoPlay()},p.prototype.destroy=function(){this.settings.autoplay&&this.core.outer.find(".lg-progress-bar").remove(),this.core.LGel.off(".lg.autoplay"),this.core.LGel.off(".autoplay")},p}()}));
|
lightgallery/plugins/fullscreen/lg-fullscreen.min.js
ADDED
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* lightgallery | 2.5.0 | June 13th 2022
|
3 |
+
* http://www.lightgalleryjs.com/
|
4 |
+
* Copyright (c) 2020 Sachin Neravath;
|
5 |
+
* @license GPLv3
|
6 |
+
*/
|
7 |
+
|
8 |
+
!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?module.exports=l():"function"==typeof define&&define.amd?define(l):(e="undefined"!=typeof globalThis?globalThis:e||self).lgFullscreen=l()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var l,n=1,t=arguments.length;n<t;n++)for(var c in l=arguments[n])Object.prototype.hasOwnProperty.call(l,c)&&(e[c]=l[c]);return e}).apply(this,arguments)},l={fullScreen:!0,fullscreenPluginStrings:{toggleFullscreen:"Toggle Fullscreen"}};return function(){function n(n,t){return this.core=n,this.$LG=t,this.settings=e(e({},l),this.core.settings),this}return n.prototype.init=function(){var e="";if(this.settings.fullScreen){if(!(document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled))return;e='<button type="button" aria-label="'+this.settings.fullscreenPluginStrings.toggleFullscreen+'" class="lg-fullscreen lg-icon"></button>',this.core.$toolbar.append(e),this.fullScreen()}},n.prototype.isFullScreen=function(){return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement},n.prototype.requestFullscreen=function(){var e=document.documentElement;e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen&&e.webkitRequestFullscreen()},n.prototype.exitFullscreen=function(){document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()},n.prototype.fullScreen=function(){var e=this;this.$LG(document).on("fullscreenchange.lg.global"+this.core.lgId+" \n webkitfullscreenchange.lg.global"+this.core.lgId+" \n mozfullscreenchange.lg.global"+this.core.lgId+" \n MSFullscreenChange.lg.global"+this.core.lgId,(function(){e.core.lgOpened&&e.core.outer.toggleClass("lg-fullscreen-on")})),this.core.outer.find(".lg-fullscreen").first().on("click.lg",(function(){e.isFullScreen()?e.exitFullscreen():e.requestFullscreen()}))},n.prototype.closeGallery=function(){this.isFullScreen()&&this.exitFullscreen()},n.prototype.destroy=function(){this.$LG(document).off("fullscreenchange.lg.global"+this.core.lgId+" \n webkitfullscreenchange.lg.global"+this.core.lgId+" \n mozfullscreenchange.lg.global"+this.core.lgId+" \n MSFullscreenChange.lg.global"+this.core.lgId)},n}()}));
|
lightgallery/plugins/video/lg-video.min.js
ADDED
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* lightgallery | 2.5.0 | June 13th 2022
|
3 |
+
* http://www.lightgalleryjs.com/
|
4 |
+
* Copyright (c) 2020 Sachin Neravath;
|
5 |
+
* @license GPLv3
|
6 |
+
*/
|
7 |
+
|
8 |
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(e="undefined"!=typeof globalThis?globalThis:e||self).lgVideo=o()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var o,i=1,t=arguments.length;i<t;i++)for(var s in o=arguments[i])Object.prototype.hasOwnProperty.call(o,s)&&(e[s]=o[s]);return e}).apply(this,arguments)},o={autoplayFirstVideo:!0,youTubePlayerParams:!1,vimeoPlayerParams:!1,wistiaPlayerParams:!1,gotoNextSlideOnVideoEnd:!0,autoplayVideoOnSlide:!1,videojs:!1,videojsTheme:"",videojsOptions:{}},i="lgHasVideo",t="lgSlideItemLoad",s="lgBeforeSlide",n="lgAfterSlide",l="lgPosterClick",r=function(e){return Object.keys(e).map((function(o){return encodeURIComponent(o)+"="+encodeURIComponent(e[o])})).join("&")};return function(){function d(i){return this.core=i,this.settings=e(e({},o),this.core.settings),this}return d.prototype.init=function(){var e=this;this.core.LGel.on(i+".video",this.onHasVideo.bind(this)),this.core.LGel.on(l+".video",(function(){var o=e.core.getSlideItem(e.core.index);e.loadVideoOnPosterClick(o)})),this.core.LGel.on(t+".video",this.onSlideItemLoad.bind(this)),this.core.LGel.on(s+".video",this.onBeforeSlide.bind(this)),this.core.LGel.on(n+".video",this.onAfterSlide.bind(this))},d.prototype.onSlideItemLoad=function(e){var o=this,i=e.detail,t=i.isFirstSlide,s=i.index;this.settings.autoplayFirstVideo&&t&&s===this.core.index&&setTimeout((function(){o.loadAndPlayVideo(s)}),200),!t&&this.settings.autoplayVideoOnSlide&&s===this.core.index&&this.loadAndPlayVideo(s)},d.prototype.onHasVideo=function(e){var o=e.detail,i=o.index,t=o.src,s=o.html5Video;o.hasPoster||(this.appendVideos(this.core.getSlideItem(i),{src:t,addClass:"lg-object",index:i,html5Video:s}),this.gotoNextSlideOnVideoEnd(t,i))},d.prototype.onBeforeSlide=function(e){if(this.core.lGalleryOn){var o=e.detail.prevIndex;this.pauseVideo(o)}},d.prototype.onAfterSlide=function(e){var o=this,i=e.detail,t=i.index,s=i.prevIndex,n=this.core.getSlideItem(t);this.settings.autoplayVideoOnSlide&&t!==s&&n.hasClass("lg-complete")&&setTimeout((function(){o.loadAndPlayVideo(t)}),100)},d.prototype.loadAndPlayVideo=function(e){var o=this.core.getSlideItem(e);this.core.galleryItems[e].poster?this.loadVideoOnPosterClick(o,!0):this.playVideo(e)},d.prototype.playVideo=function(e){this.controlVideo(e,"play")},d.prototype.pauseVideo=function(e){this.controlVideo(e,"pause")},d.prototype.getVideoHtml=function(e,o,i,t){var s="",n=this.core.galleryItems[i].__slideVideoInfo||{},l=this.core.galleryItems[i],d=l.title||l.alt;d=d?'title="'+d+'"':"";var a='allowtransparency="true"\n frameborder="0"\n scrolling="no"\n allowfullscreen\n mozallowfullscreen\n webkitallowfullscreen\n oallowfullscreen\n msallowfullscreen';if(n.youtube){var c="lg-youtube"+i,u="?"+(n.youtube[2]?n.youtube[2]+"&":"")+"wmode=opaque&autoplay=0&mute=1&enablejsapi=1"+(this.settings.youTubePlayerParams?"&"+r(this.settings.youTubePlayerParams):"");s='<iframe allow="autoplay" id='+c+' class="lg-video-object lg-youtube '+o+'" '+d+' src="//www.youtube.com/embed/'+(n.youtube[1]+u)+'" '+a+"></iframe>"}else if(n.vimeo){c="lg-vimeo"+i,u=function(e,o){if(!o||!o.vimeo)return"";var i=o.vimeo[2]||"",t=e&&0!==Object.keys(e).length?"&"+r(e):"",s=((o.vimeo[0].split("/").pop()||"").split("?")[0]||"").split("#")[0],n=o.vimeo[1]!==s;return n&&(i=i.replace("/"+s,"")),"?autoplay=0&muted=1"+(n?"&h="+s:"")+t+("?"==i[0]?"&"+i.slice(1):i||"")}(this.settings.vimeoPlayerParams,n);s='<iframe allow="autoplay" id='+c+' class="lg-video-object lg-vimeo '+o+'" '+d+' src="//player.vimeo.com/video/'+(n.vimeo[1]+u)+'" '+a+"></iframe>"}else if(n.wistia){var h="lg-wistia"+i;u=(u=r(this.settings.wistiaPlayerParams))?"?"+u:"",s='<iframe allow="autoplay" id="'+h+'" src="//fast.wistia.net/embed/iframe/'+(n.wistia[4]+u)+'" '+d+' class="wistia_embed lg-video-object lg-wistia '+o+'" name="wistia_embed" '+a+"></iframe>"}else if(n.html5){for(var f="",g=0;g<t.source.length;g++)f+='<source src="'+t.source[g].src+'" type="'+t.source[g].type+'">';if(t.tracks){var y=function(e){var o="",i=t.tracks[e];Object.keys(i||{}).forEach((function(e){o+=e+'="'+i[e]+'" '})),f+="<track "+o+">"};for(g=0;g<t.tracks.length;g++)y(g)}var p="",v=t.attributes||{};Object.keys(v||{}).forEach((function(e){p+=e+'="'+v[e]+'" '})),s='<video class="lg-video-object lg-html5 '+(this.settings.videojs&&this.settings.videojsTheme?this.settings.videojsTheme+" ":"")+" "+(this.settings.videojs?" video-js":"")+'" '+p+">\n "+f+"\n Your browser does not support HTML5 video.\n </video>"}return s},d.prototype.appendVideos=function(e,o){var i,t=this.getVideoHtml(o.src,o.addClass,o.index,o.html5Video);e.find(".lg-video-cont").append(t);var s=e.find(".lg-video-object").first();if(o.html5Video&&s.on("mousedown.lg.video",(function(e){e.stopPropagation()})),this.settings.videojs&&(null===(i=this.core.galleryItems[o.index].__slideVideoInfo)||void 0===i?void 0:i.html5))try{return videojs(s.get(),this.settings.videojsOptions)}catch(e){console.error("lightGallery:- Make sure you have included videojs")}},d.prototype.gotoNextSlideOnVideoEnd=function(e,o){var i=this,t=this.core.getSlideItem(o).find(".lg-video-object").first(),s=this.core.galleryItems[o].__slideVideoInfo||{};if(this.settings.gotoNextSlideOnVideoEnd)if(s.html5)t.on("ended",(function(){i.core.goToNextSlide()}));else if(s.vimeo)try{new Vimeo.Player(t.get()).on("ended",(function(){i.core.goToNextSlide()}))}catch(e){console.error("lightGallery:- Make sure you have included //github.com/vimeo/player.js")}else if(s.wistia)try{window._wq=window._wq||[],window._wq.push({id:t.attr("id"),onReady:function(e){e.bind("end",(function(){i.core.goToNextSlide()}))}})}catch(e){console.error("lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js")}},d.prototype.controlVideo=function(e,o){var i=this.core.getSlideItem(e).find(".lg-video-object").first(),t=this.core.galleryItems[e].__slideVideoInfo||{};if(i.get())if(t.youtube)try{i.get().contentWindow.postMessage('{"event":"command","func":"'+o+'Video","args":""}',"*")}catch(e){console.error("lightGallery:- "+e)}else if(t.vimeo)try{new Vimeo.Player(i.get())[o]()}catch(e){console.error("lightGallery:- Make sure you have included //github.com/vimeo/player.js")}else if(t.html5)if(this.settings.videojs)try{videojs(i.get())[o]()}catch(e){console.error("lightGallery:- Make sure you have included videojs")}else i.get()[o]();else if(t.wistia)try{window._wq=window._wq||[],window._wq.push({id:i.attr("id"),onReady:function(e){e[o]()}})}catch(e){console.error("lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js")}},d.prototype.loadVideoOnPosterClick=function(e,o){var i=this;if(e.hasClass("lg-video-loaded"))o&&this.playVideo(this.core.index);else if(e.hasClass("lg-has-video"))this.playVideo(this.core.index);else{e.addClass("lg-has-video");var t=void 0,s=this.core.galleryItems[this.core.index].src,n=this.core.galleryItems[this.core.index].video;n&&(t="string"==typeof n?JSON.parse(n):n);var l=this.appendVideos(e,{src:s,addClass:"",index:this.core.index,html5Video:t});this.gotoNextSlideOnVideoEnd(s,this.core.index);var r=e.find(".lg-object").first().get();e.find(".lg-video-cont").first().append(r),e.addClass("lg-video-loading"),l&&l.ready((function(){l.on("loadedmetadata",(function(){i.onVideoLoadAfterPosterClick(e,i.core.index)}))})),e.find(".lg-video-object").first().on("load.lg error.lg loadedmetadata.lg",(function(){setTimeout((function(){i.onVideoLoadAfterPosterClick(e,i.core.index)}),50)}))}},d.prototype.onVideoLoadAfterPosterClick=function(e,o){e.addClass("lg-video-loaded"),this.playVideo(o)},d.prototype.destroy=function(){this.core.LGel.off(".lg.video"),this.core.LGel.off(".video")},d}()}));
|
lightgallery/plugins/zoom/lg-zoom.min.js
ADDED
@@ -0,0 +1,8 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/**
|
2 |
+
* lightgallery | 2.5.0 | June 13th 2022
|
3 |
+
* http://www.lightgalleryjs.com/
|
4 |
+
* Copyright (c) 2020 Sachin Neravath;
|
5 |
+
* @license GPLv3
|
6 |
+
*/
|
7 |
+
|
8 |
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).lgZoom=e()}(this,(function(){"use strict";var t=function(){return(t=Object.assign||function(t){for(var e,o=1,i=arguments.length;o<i;o++)for(var s in e=arguments[o])Object.prototype.hasOwnProperty.call(e,s)&&(t[s]=e[s]);return t}).apply(this,arguments)},e={scale:1,zoom:!0,actualSize:!0,showZoomInOutIcons:!1,actualSizeIcons:{zoomIn:"lg-zoom-in",zoomOut:"lg-zoom-out"},enableZoomAfter:300,zoomPluginStrings:{zoomIn:"Zoom in",zoomOut:"Zoom out",viewActualSize:"View actual size"}},o="lgContainerResize",i="lgBeforeOpen",s="lgAfterOpen",a="lgSlideItemLoad",r="lgAfterSlide",n="lgRotateLeft",l="lgRotateRight",g="lgFlipHorizontal",c="lgFlipVertical";return function(){function h(o,i){return this.core=o,this.$LG=i,this.settings=t(t({},e),this.core.settings),this}return h.prototype.buildTemplates=function(){var t=this.settings.showZoomInOutIcons?'<button id="'+this.core.getIdName("lg-zoom-in")+'" type="button" aria-label="'+this.settings.zoomPluginStrings.zoomIn+'" class="lg-zoom-in lg-icon"></button><button id="'+this.core.getIdName("lg-zoom-out")+'" type="button" aria-label="'+this.settings.zoomPluginStrings.zoomIn+'" class="lg-zoom-out lg-icon"></button>':"";this.settings.actualSize&&(t+='<button id="'+this.core.getIdName("lg-actual-size")+'" type="button" aria-label="'+this.settings.zoomPluginStrings.viewActualSize+'" class="'+this.settings.actualSizeIcons.zoomIn+' lg-icon"></button>'),this.core.outer.addClass("lg-use-transition-for-zoom"),this.core.$toolbar.first().append(t)},h.prototype.enableZoom=function(t){var e=this,o=this.settings.enableZoomAfter+t.detail.delay;this.$LG("body").first().hasClass("lg-from-hash")&&t.detail.delay?o=0:this.$LG("body").first().removeClass("lg-from-hash"),this.zoomableTimeout=setTimeout((function(){e.isImageSlide()&&(e.core.getSlideItem(t.detail.index).addClass("lg-zoomable"),t.detail.index===e.core.index&&e.setZoomEssentials())}),o+30)},h.prototype.enableZoomOnSlideItemLoad=function(){this.core.LGel.on(a+".zoom",this.enableZoom.bind(this))},h.prototype.getModifier=function(t,e,o){var i=t;t=Math.abs(t);var s=this.getCurrentTransform(o);if(!s)return 1;var a=1;if("X"===e){var r=Math.sign(parseFloat(s[0]));0===t||180===t?a=1:90===t&&(a=-90===i&&1===r||90===i&&-1===r?-1:1),a*=r}else{var n=Math.sign(parseFloat(s[3]));if(0===t||180===t)a=1;else if(90===t){var l=parseFloat(s[1]),g=parseFloat(s[2]);a=Math.sign(l*g*i*n)}a*=n}return a},h.prototype.getImageSize=function(t,e,o){return 90===Math.abs(e)&&(o="x"===o?"y":"x"),t[{y:"offsetHeight",x:"offsetWidth"}[o]]},h.prototype.getDragCords=function(t,e){return 90===e?{x:t.pageY,y:t.pageX}:{x:t.pageX,y:t.pageY}},h.prototype.getSwipeCords=function(t,e){var o=t.targetTouches[0].pageX,i=t.targetTouches[0].pageY;return 90===e?{x:i,y:o}:{x:o,y:i}},h.prototype.getDragAllowedAxises=function(t,e){e=e||this.scale||1;var o=this.imageYSize*e>this.containerRect.height,i=this.imageXSize*e>this.containerRect.width;return 90===t?{allowX:o,allowY:i}:{allowX:i,allowY:o}},h.prototype.getCurrentTransform=function(t){if(t){var e=window.getComputedStyle(t,null),o=e.getPropertyValue("-webkit-transform")||e.getPropertyValue("-moz-transform")||e.getPropertyValue("-ms-transform")||e.getPropertyValue("-o-transform")||e.getPropertyValue("transform")||"none";return"none"!==o?o.split("(")[1].split(")")[0].split(","):void 0}},h.prototype.getCurrentRotation=function(t){if(!t)return 0;var e=this.getCurrentTransform(t);return e?Math.round(Math.atan2(parseFloat(e[1]),parseFloat(e[0]))*(180/Math.PI)):0},h.prototype.setZoomEssentials=function(){var t=this.core.getSlideItem(this.core.index).find(".lg-image").first(),e=this.core.getSlideItem(this.core.index).find(".lg-img-rotate").first().get();this.rotateValue=this.getCurrentRotation(e),this.imageYSize=this.getImageSize(t.get(),this.rotateValue,"y"),this.imageXSize=this.getImageSize(t.get(),this.rotateValue,"x"),this.containerRect=this.core.outer.get().getBoundingClientRect(),this.modifierX=this.getModifier(this.rotateValue,"X",e),this.modifierY=this.getModifier(this.rotateValue,"Y",e)},h.prototype.zoomImage=function(t){var e,o,i=(this.containerRect.width-this.imageXSize)/2+this.containerRect.left,s=this.core.mediaContainerPosition,a=s.top,r=s.bottom,n=Math.abs(a-r)/2,l=(this.containerRect.height-this.imageYSize-n*this.modifierX)/2+this.scrollTop+this.containerRect.top;1===t&&(this.positionChanged=!1);var g=this.getDragAllowedAxises(Math.abs(this.rotateValue),t),c=g.allowY,h=g.allowX;this.positionChanged&&(e=this.left/(this.scale-1),o=this.top/(this.scale-1),this.pageX=Math.abs(e)+i,this.pageY=Math.abs(o)+l,this.positionChanged=!1);var m=this.getPossibleSwipeDragCords(this.rotateValue,t),u=(t-1)*(i-this.pageX),d=(t-1)*(l-this.pageY);h?this.isBeyondPossibleLeft(u,m.minX)?u=m.minX:this.isBeyondPossibleRight(u,m.maxX)&&(u=m.maxX):t>1&&(u<m.minX?u=m.minX:u>m.maxX&&(u=m.maxX)),c?this.isBeyondPossibleTop(d,m.minY)?d=m.minY:this.isBeyondPossibleBottom(d,m.maxY)&&(d=m.maxY):t>1&&(d<m.minY?d=m.minY:d>m.maxY&&(d=m.maxY)),this.setZoomStyles({x:u,y:d,scale:t})},h.prototype.setZoomStyles=function(t){var e=this.core.getSlideItem(this.core.index).find(".lg-image").first(),o=this.core.outer.find(".lg-current .lg-dummy-img").first(),i=e.parent();this.scale=t.scale,e.css("transform","scale3d("+t.scale+", "+t.scale+", 1)"),o.css("transform","scale3d("+t.scale+", "+t.scale+", 1)");var s="translate3d("+t.x+"px, "+t.y+"px, 0)";i.css("transform",s),this.left=t.x,this.top=t.y},h.prototype.setActualSize=function(t,e){var o=this;if(this.isImageSlide()&&!this.core.outer.hasClass("lg-first-slide-loading")){var i=this.getCurrentImageActualSizeScale();this.core.outer.hasClass("lg-zoomed")?this.scale=1:this.scale=this.getScale(i),this.setPageCords(e),this.beginZoom(this.scale),this.zoomImage(this.scale),setTimeout((function(){o.core.outer.removeClass("lg-grabbing").addClass("lg-grab")}),10)}},h.prototype.getNaturalWidth=function(t){var e=this.core.getSlideItem(t).find(".lg-image").first(),o=this.core.galleryItems[t].width;return o?parseFloat(o):e.get().naturalWidth},h.prototype.getActualSizeScale=function(t,e){return t>e?t/e||2:1},h.prototype.getCurrentImageActualSizeScale=function(){var t=this.core.getSlideItem(this.core.index).find(".lg-image").first().get().offsetWidth,e=this.getNaturalWidth(this.core.index)||t;return this.getActualSizeScale(e,t)},h.prototype.getPageCords=function(t){var e={};if(t)e.x=t.pageX||t.targetTouches[0].pageX,e.y=t.pageY||t.targetTouches[0].pageY;else{var o=this.core.outer.get().getBoundingClientRect();e.x=o.width/2+o.left,e.y=o.height/2+this.scrollTop+o.top}return e},h.prototype.setPageCords=function(t){var e=this.getPageCords(t);this.pageX=e.x,this.pageY=e.y},h.prototype.beginZoom=function(t){(this.core.outer.removeClass("lg-zoom-drag-transition lg-zoom-dragging"),t>1)?(this.core.outer.addClass("lg-zoomed"),this.core.getElementById("lg-actual-size").removeClass(this.settings.actualSizeIcons.zoomIn).addClass(this.settings.actualSizeIcons.zoomOut)):this.resetZoom();return t>1},h.prototype.getScale=function(t){var e=this.getCurrentImageActualSizeScale();return t<1?t=1:t>e&&(t=e),t},h.prototype.init=function(){var t=this;if(this.settings.zoom){this.buildTemplates(),this.enableZoomOnSlideItemLoad();var e=null;this.core.outer.on("dblclick.lg",(function(e){t.$LG(e.target).hasClass("lg-image")&&t.setActualSize(t.core.index,e)})),this.core.outer.on("touchstart.lg",(function(o){var i=t.$LG(o.target);1===o.targetTouches.length&&i.hasClass("lg-image")&&(e?(clearTimeout(e),e=null,o.preventDefault(),t.setActualSize(t.core.index,o)):e=setTimeout((function(){e=null}),300))})),this.core.LGel.on(o+".zoom "+l+".zoom "+n+".zoom "+g+".zoom "+c+".zoom",(function(){t.core.lgOpened&&t.isImageSlide()&&(t.setPageCords(),t.setZoomEssentials(),t.zoomImage(t.scale))})),this.$LG(window).on("scroll.lg.zoom.global"+this.core.lgId,(function(){t.core.lgOpened&&(t.scrollTop=t.$LG(window).scrollTop())})),this.core.getElementById("lg-zoom-out").on("click.lg",(function(){t.core.outer.find(".lg-current .lg-image").get()&&(t.scale-=t.settings.scale,t.scale=t.getScale(t.scale),t.beginZoom(t.scale),t.zoomImage(t.scale))})),this.core.getElementById("lg-zoom-in").on("click.lg",(function(){t.zoomIn()})),this.core.getElementById("lg-actual-size").on("click.lg",(function(){t.setActualSize(t.core.index)})),this.core.LGel.on(i+".zoom",(function(){t.core.outer.find(".lg-item").removeClass("lg-zoomable")})),this.core.LGel.on(s+".zoom",(function(){t.scrollTop=t.$LG(window).scrollTop(),t.pageX=t.core.outer.width()/2,t.pageY=t.core.outer.height()/2+t.scrollTop,t.scale=1})),this.core.LGel.on(r+".zoom",(function(e){var o=e.detail.prevIndex;t.scale=1,t.positionChanged=!1,t.resetZoom(o),t.isImageSlide()&&t.setZoomEssentials()})),this.zoomDrag(),this.pinchZoom(),this.zoomSwipe(),this.zoomableTimeout=!1,this.positionChanged=!1}},h.prototype.zoomIn=function(t){this.isImageSlide()&&(t?this.scale=t:this.scale+=this.settings.scale,this.scale=this.getScale(this.scale),this.beginZoom(this.scale),this.zoomImage(this.scale))},h.prototype.resetZoom=function(t){this.core.outer.removeClass("lg-zoomed lg-zoom-drag-transition");var e=this.core.getElementById("lg-actual-size"),o=this.core.getSlideItem(void 0!==t?t:this.core.index);e.removeClass(this.settings.actualSizeIcons.zoomOut).addClass(this.settings.actualSizeIcons.zoomIn),o.find(".lg-img-wrap").first().removeAttr("style"),o.find(".lg-image").first().removeAttr("style"),this.scale=1,this.left=0,this.top=0,this.setPageCords()},h.prototype.getTouchDistance=function(t){return Math.sqrt((t.targetTouches[0].pageX-t.targetTouches[1].pageX)*(t.targetTouches[0].pageX-t.targetTouches[1].pageX)+(t.targetTouches[0].pageY-t.targetTouches[1].pageY)*(t.targetTouches[0].pageY-t.targetTouches[1].pageY))},h.prototype.pinchZoom=function(){var t=this,e=0,o=!1,i=1,s=this.core.getSlideItem(this.core.index);this.core.$inner.on("touchstart.lg",(function(o){s=t.core.getSlideItem(t.core.index),t.isImageSlide()&&(2!==o.targetTouches.length||t.core.outer.hasClass("lg-first-slide-loading")||!t.$LG(o.target).hasClass("lg-item")&&!s.get().contains(o.target)||(i=t.scale||1,t.core.outer.removeClass("lg-zoom-drag-transition lg-zoom-dragging"),t.core.touchAction="pinch",e=t.getTouchDistance(o)))})),this.core.$inner.on("touchmove.lg",(function(a){if(2===a.targetTouches.length&&"pinch"===t.core.touchAction&&(t.$LG(a.target).hasClass("lg-item")||s.get().contains(a.target))){a.preventDefault();var r=t.getTouchDistance(a),n=e-r;!o&&Math.abs(n)>5&&(o=!0),o&&(t.scale=Math.max(1,i+.008*-n),t.zoomImage(t.scale))}})),this.core.$inner.on("touchend.lg",(function(i){"pinch"===t.core.touchAction&&(t.$LG(i.target).hasClass("lg-item")||s.get().contains(i.target))&&(o=!1,e=0,t.scale<=1?t.resetZoom():(t.scale=t.getScale(t.scale),t.zoomImage(t.scale),t.core.outer.addClass("lg-zoomed")),t.core.touchAction=void 0)}))},h.prototype.touchendZoom=function(t,e,o,i,s,a){var r=e.x-t.x,n=e.y-t.y,l=Math.abs(r)/s+1,g=Math.abs(n)/s+1;l>2&&(l+=1),g>2&&(g+=1),r*=l,n*=g;var c=this.core.getSlideItem(this.core.index).find(".lg-img-wrap").first(),h={};h.x=this.left+r*this.modifierX,h.y=this.top+n*this.modifierY;var m=this.getPossibleSwipeDragCords(a);(Math.abs(r)>15||Math.abs(n)>15)&&(i&&(this.isBeyondPossibleTop(h.y,m.minY)?h.y=m.minY:this.isBeyondPossibleBottom(h.y,m.maxY)&&(h.y=m.maxY)),o&&(this.isBeyondPossibleLeft(h.x,m.minX)?h.x=m.minX:this.isBeyondPossibleRight(h.x,m.maxX)&&(h.x=m.maxX)),i?this.top=h.y:h.y=this.top,o?this.left=h.x:h.x=this.left,this.setZoomSwipeStyles(c,h),this.positionChanged=!0)},h.prototype.getZoomSwipeCords=function(t,e,o,i,s){var a={};if(i){if(a.y=this.top+(e.y-t.y)*this.modifierY,this.isBeyondPossibleTop(a.y,s.minY)){var r=s.minY-a.y;a.y=s.minY-r/6}else if(this.isBeyondPossibleBottom(a.y,s.maxY)){var n=a.y-s.maxY;a.y=s.maxY+n/6}}else a.y=this.top;if(o){if(a.x=this.left+(e.x-t.x)*this.modifierX,this.isBeyondPossibleLeft(a.x,s.minX)){var l=s.minX-a.x;a.x=s.minX-l/6}else if(this.isBeyondPossibleRight(a.x,s.maxX)){var g=a.x-s.maxX;a.x=s.maxX+g/6}}else a.x=this.left;return a},h.prototype.isBeyondPossibleLeft=function(t,e){return t>=e},h.prototype.isBeyondPossibleRight=function(t,e){return t<=e},h.prototype.isBeyondPossibleTop=function(t,e){return t>=e},h.prototype.isBeyondPossibleBottom=function(t,e){return t<=e},h.prototype.isImageSlide=function(){var t=this.core.galleryItems[this.core.index];return"image"===this.core.getSlideType(t)},h.prototype.getPossibleSwipeDragCords=function(t,e){var o=e||this.scale||1,i=Math.abs(o),s=this.core.mediaContainerPosition,a=s.top,r=s.bottom,n=Math.abs(a-r)/2,l=(this.imageYSize-this.containerRect.height)/2+n*this.modifierX,g=this.containerRect.height-this.imageYSize*i+l,c=(this.imageXSize-this.containerRect.width)/2,h=this.containerRect.width-this.imageXSize*i+c,m={minY:l,maxY:g,minX:c,maxX:h};return 90===Math.abs(t)&&(m={minY:c,maxY:h,minX:l,maxX:g}),m},h.prototype.setZoomSwipeStyles=function(t,e){t.css("transform","translate3d("+e.x+"px, "+e.y+"px, 0)")},h.prototype.zoomSwipe=function(){var t,e,o=this,i={},s={},a=!1,r=!1,n=!1,l=new Date,g=(new Date,this.core.getSlideItem(this.core.index));this.core.$inner.on("touchstart.lg",(function(s){if(o.isImageSlide()&&(g=o.core.getSlideItem(o.core.index),(o.$LG(s.target).hasClass("lg-item")||g.get().contains(s.target))&&1===s.targetTouches.length&&o.core.outer.hasClass("lg-zoomed"))){s.preventDefault(),l=new Date,o.core.touchAction="zoomSwipe",e=o.core.getSlideItem(o.core.index).find(".lg-img-wrap").first();var a=o.getDragAllowedAxises(Math.abs(o.rotateValue));n=a.allowY,((r=a.allowX)||n)&&(i=o.getSwipeCords(s,Math.abs(o.rotateValue))),t=o.getPossibleSwipeDragCords(o.rotateValue),o.core.outer.addClass("lg-zoom-dragging lg-zoom-drag-transition")}})),this.core.$inner.on("touchmove.lg",(function(l){if(1===l.targetTouches.length&&"zoomSwipe"===o.core.touchAction&&(o.$LG(l.target).hasClass("lg-item")||g.get().contains(l.target))){l.preventDefault(),o.core.touchAction="zoomSwipe",s=o.getSwipeCords(l,Math.abs(o.rotateValue));var c=o.getZoomSwipeCords(i,s,r,n,t);(Math.abs(s.x-i.x)>15||Math.abs(s.y-i.y)>15)&&(a=!0,o.setZoomSwipeStyles(e,c))}})),this.core.$inner.on("touchend.lg",(function(t){if("zoomSwipe"===o.core.touchAction&&(o.$LG(t.target).hasClass("lg-item")||g.get().contains(t.target))){if(o.core.touchAction=void 0,o.core.outer.removeClass("lg-zoom-dragging"),!a)return;a=!1;var e=(new Date).valueOf()-l.valueOf();o.touchendZoom(i,s,r,n,e,o.rotateValue)}}))},h.prototype.zoomDrag=function(){var t,e,o,i,s=this,a={},r={},n=!1,l=!1,g=!1,c=!1;this.core.outer.on("mousedown.lg.zoom",(function(e){if(s.isImageSlide()){var r=s.core.getSlideItem(s.core.index);if(s.$LG(e.target).hasClass("lg-item")||r.get().contains(e.target)){t=new Date,i=s.core.getSlideItem(s.core.index).find(".lg-img-wrap").first();var l=s.getDragAllowedAxises(Math.abs(s.rotateValue));c=l.allowY,g=l.allowX,s.core.outer.hasClass("lg-zoomed")&&s.$LG(e.target).hasClass("lg-object")&&(g||c)&&(e.preventDefault(),a=s.getDragCords(e,Math.abs(s.rotateValue)),o=s.getPossibleSwipeDragCords(s.rotateValue),n=!0,s.core.outer.get().scrollLeft+=1,s.core.outer.get().scrollLeft-=1,s.core.outer.removeClass("lg-grab").addClass("lg-grabbing lg-zoom-drag-transition lg-zoom-dragging"))}}})),this.$LG(window).on("mousemove.lg.zoom.global"+this.core.lgId,(function(t){if(n){l=!0,r=s.getDragCords(t,Math.abs(s.rotateValue));var e=s.getZoomSwipeCords(a,r,g,c,o);s.setZoomSwipeStyles(i,e)}})),this.$LG(window).on("mouseup.lg.zoom.global"+this.core.lgId,(function(o){if(n){if(e=new Date,n=!1,s.core.outer.removeClass("lg-zoom-dragging"),l&&(a.x!==r.x||a.y!==r.y)){r=s.getDragCords(o,Math.abs(s.rotateValue));var i=e.valueOf()-t.valueOf();s.touchendZoom(a,r,g,c,i,s.rotateValue)}l=!1}s.core.outer.removeClass("lg-grabbing").addClass("lg-grab")}))},h.prototype.closeGallery=function(){this.resetZoom()},h.prototype.destroy=function(){this.$LG(window).off(".lg.zoom.global"+this.core.lgId),this.core.LGel.off(".lg.zoom"),this.core.LGel.off(".zoom"),clearTimeout(this.zoomableTimeout),this.zoomableTimeout=!1},h}()}));
|
magnific-popup/jquery.magnific-popup.min.js
DELETED
@@ -1,4 +0,0 @@
|
|
1 |
-
/*! Magnific Popup - v1.1.0 - 2016-02-20
|
2 |
-
* http://dimsemenov.com/plugins/magnific-popup/
|
3 |
-
* Copyright (c) 2016 Dmitry Semenov; */
|
4 |
-
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof exports?require("jquery"):window.jQuery||window.Zepto)}(function(a){var b,c,d,e,f,g,h="Close",i="BeforeClose",j="AfterClose",k="BeforeAppend",l="MarkupParse",m="Open",n="Change",o="mfp",p="."+o,q="mfp-ready",r="mfp-removing",s="mfp-prevent-close",t=function(){},u=!!window.jQuery,v=a(window),w=function(a,c){b.ev.on(o+a+p,c)},x=function(b,c,d,e){var f=document.createElement("div");return f.className="mfp-"+b,d&&(f.innerHTML=d),e?c&&c.appendChild(f):(f=a(f),c&&f.appendTo(c)),f},y=function(c,d){b.ev.triggerHandler(o+c,d),b.st.callbacks&&(c=c.charAt(0).toLowerCase()+c.slice(1),b.st.callbacks[c]&&b.st.callbacks[c].apply(b,a.isArray(d)?d:[d]))},z=function(c){return c===g&&b.currTemplate.closeBtn||(b.currTemplate.closeBtn=a(b.st.closeMarkup.replace("%title%",b.st.tClose)),g=c),b.currTemplate.closeBtn},A=function(){a.magnificPopup.instance||(b=new t,b.init(),a.magnificPopup.instance=b)},B=function(){var a=document.createElement("p").style,b=["ms","O","Moz","Webkit"];if(void 0!==a.transition)return!0;for(;b.length;)if(b.pop()+"Transition"in a)return!0;return!1};t.prototype={constructor:t,init:function(){var c=navigator.appVersion;b.isLowIE=b.isIE8=document.all&&!document.addEventListener,b.isAndroid=/android/gi.test(c),b.isIOS=/iphone|ipad|ipod/gi.test(c),b.supportsTransition=B(),b.probablyMobile=b.isAndroid||b.isIOS||/(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent),d=a(document),b.popupsCache={}},open:function(c){var e;if(c.isObj===!1){b.items=c.items.toArray(),b.index=0;var g,h=c.items;for(e=0;e<h.length;e++)if(g=h[e],g.parsed&&(g=g.el[0]),g===c.el[0]){b.index=e;break}}else b.items=a.isArray(c.items)?c.items:[c.items],b.index=c.index||0;if(b.isOpen)return void b.updateItemHTML();b.types=[],f="",c.mainEl&&c.mainEl.length?b.ev=c.mainEl.eq(0):b.ev=d,c.key?(b.popupsCache[c.key]||(b.popupsCache[c.key]={}),b.currTemplate=b.popupsCache[c.key]):b.currTemplate={},b.st=a.extend(!0,{},a.magnificPopup.defaults,c),b.fixedContentPos="auto"===b.st.fixedContentPos?!b.probablyMobile:b.st.fixedContentPos,b.st.modal&&(b.st.closeOnContentClick=!1,b.st.closeOnBgClick=!1,b.st.showCloseBtn=!1,b.st.enableEscapeKey=!1),b.bgOverlay||(b.bgOverlay=x("bg").on("click"+p,function(){b.close()}),b.wrap=x("wrap").attr("tabindex",-1).on("click"+p,function(a){b._checkIfClose(a.target)&&b.close()}),b.container=x("container",b.wrap)),b.contentContainer=x("content"),b.st.preloader&&(b.preloader=x("preloader",b.container,b.st.tLoading));var i=a.magnificPopup.modules;for(e=0;e<i.length;e++){var j=i[e];j=j.charAt(0).toUpperCase()+j.slice(1),b["init"+j].call(b)}y("BeforeOpen"),b.st.showCloseBtn&&(b.st.closeBtnInside?(w(l,function(a,b,c,d){c.close_replaceWith=z(d.type)}),f+=" mfp-close-btn-in"):b.wrap.append(z())),b.st.alignTop&&(f+=" mfp-align-top"),b.fixedContentPos?b.wrap.css({overflow:b.st.overflowY,overflowX:"hidden",overflowY:b.st.overflowY}):b.wrap.css({top:v.scrollTop(),position:"absolute"}),(b.st.fixedBgPos===!1||"auto"===b.st.fixedBgPos&&!b.fixedContentPos)&&b.bgOverlay.css({height:d.height(),position:"absolute"}),b.st.enableEscapeKey&&d.on("keyup"+p,function(a){27===a.keyCode&&b.close()}),v.on("resize"+p,function(){b.updateSize()}),b.st.closeOnContentClick||(f+=" mfp-auto-cursor"),f&&b.wrap.addClass(f);var k=b.wH=v.height(),n={};if(b.fixedContentPos&&b._hasScrollBar(k)){var o=b._getScrollbarSize();o&&(n.marginRight=o)}b.fixedContentPos&&(b.isIE7?a("body, html").css("overflow","hidden"):n.overflow="hidden");var r=b.st.mainClass;return b.isIE7&&(r+=" mfp-ie7"),r&&b._addClassToMFP(r),b.updateItemHTML(),y("BuildControls"),a("html").css(n),b.bgOverlay.add(b.wrap).prependTo(b.st.prependTo||a(document.body)),b._lastFocusedEl=document.activeElement,setTimeout(function(){b.content?(b._addClassToMFP(q),b._setFocus()):b.bgOverlay.addClass(q),d.on("focusin"+p,b._onFocusIn)},16),b.isOpen=!0,b.updateSize(k),y(m),c},close:function(){b.isOpen&&(y(i),b.isOpen=!1,b.st.removalDelay&&!b.isLowIE&&b.supportsTransition?(b._addClassToMFP(r),setTimeout(function(){b._close()},b.st.removalDelay)):b._close())},_close:function(){y(h);var c=r+" "+q+" ";if(b.bgOverlay.detach(),b.wrap.detach(),b.container.empty(),b.st.mainClass&&(c+=b.st.mainClass+" "),b._removeClassFromMFP(c),b.fixedContentPos){var e={marginRight:""};b.isIE7?a("body, html").css("overflow",""):e.overflow="",a("html").css(e)}d.off("keyup"+p+" focusin"+p),b.ev.off(p),b.wrap.attr("class","mfp-wrap").removeAttr("style"),b.bgOverlay.attr("class","mfp-bg"),b.container.attr("class","mfp-container"),!b.st.showCloseBtn||b.st.closeBtnInside&&b.currTemplate[b.currItem.type]!==!0||b.currTemplate.closeBtn&&b.currTemplate.closeBtn.detach(),b.st.autoFocusLast&&b._lastFocusedEl&&a(b._lastFocusedEl).focus(),b.currItem=null,b.content=null,b.currTemplate=null,b.prevHeight=0,y(j)},updateSize:function(a){if(b.isIOS){var c=document.documentElement.clientWidth/window.innerWidth,d=window.innerHeight*c;b.wrap.css("height",d),b.wH=d}else b.wH=a||v.height();b.fixedContentPos||b.wrap.css("height",b.wH),y("Resize")},updateItemHTML:function(){var c=b.items[b.index];b.contentContainer.detach(),b.content&&b.content.detach(),c.parsed||(c=b.parseEl(b.index));var d=c.type;if(y("BeforeChange",[b.currItem?b.currItem.type:"",d]),b.currItem=c,!b.currTemplate[d]){var f=b.st[d]?b.st[d].markup:!1;y("FirstMarkupParse",f),f?b.currTemplate[d]=a(f):b.currTemplate[d]=!0}e&&e!==c.type&&b.container.removeClass("mfp-"+e+"-holder");var g=b["get"+d.charAt(0).toUpperCase()+d.slice(1)](c,b.currTemplate[d]);b.appendContent(g,d),c.preloaded=!0,y(n,c),e=c.type,b.container.prepend(b.contentContainer),y("AfterChange")},appendContent:function(a,c){b.content=a,a?b.st.showCloseBtn&&b.st.closeBtnInside&&b.currTemplate[c]===!0?b.content.find(".mfp-close").length||b.content.append(z()):b.content=a:b.content="",y(k),b.container.addClass("mfp-"+c+"-holder"),b.contentContainer.append(b.content)},parseEl:function(c){var d,e=b.items[c];if(e.tagName?e={el:a(e)}:(d=e.type,e={data:e,src:e.src}),e.el){for(var f=b.types,g=0;g<f.length;g++)if(e.el.hasClass("mfp-"+f[g])){d=f[g];break}e.src=e.el.attr("data-mfp-src"),e.src||(e.src=e.el.attr("href"))}return e.type=d||b.st.type||"inline",e.index=c,e.parsed=!0,b.items[c]=e,y("ElementParse",e),b.items[c]},addGroup:function(a,c){var d=function(d){d.mfpEl=this,b._openClick(d,a,c)};c||(c={});var e="click.magnificPopup";c.mainEl=a,c.items?(c.isObj=!0,a.off(e).on(e,d)):(c.isObj=!1,c.delegate?a.off(e).on(e,c.delegate,d):(c.items=a,a.off(e).on(e,d)))},_openClick:function(c,d,e){var f=void 0!==e.midClick?e.midClick:a.magnificPopup.defaults.midClick;if(f||!(2===c.which||c.ctrlKey||c.metaKey||c.altKey||c.shiftKey)){var g=void 0!==e.disableOn?e.disableOn:a.magnificPopup.defaults.disableOn;if(g)if(a.isFunction(g)){if(!g.call(b))return!0}else if(v.width()<g)return!0;c.type&&(c.preventDefault(),b.isOpen&&c.stopPropagation()),e.el=a(c.mfpEl),e.delegate&&(e.items=d.find(e.delegate)),b.open(e)}},updateStatus:function(a,d){if(b.preloader){c!==a&&b.container.removeClass("mfp-s-"+c),d||"loading"!==a||(d=b.st.tLoading);var e={status:a,text:d};y("UpdateStatus",e),a=e.status,d=e.text,b.preloader.html(d),b.preloader.find("a").on("click",function(a){a.stopImmediatePropagation()}),b.container.addClass("mfp-s-"+a),c=a}},_checkIfClose:function(c){if(!a(c).hasClass(s)){var d=b.st.closeOnContentClick,e=b.st.closeOnBgClick;if(d&&e)return!0;if(!b.content||a(c).hasClass("mfp-close")||b.preloader&&c===b.preloader[0])return!0;if(c===b.content[0]||a.contains(b.content[0],c)){if(d)return!0}else if(e&&a.contains(document,c))return!0;return!1}},_addClassToMFP:function(a){b.bgOverlay.addClass(a),b.wrap.addClass(a)},_removeClassFromMFP:function(a){this.bgOverlay.removeClass(a),b.wrap.removeClass(a)},_hasScrollBar:function(a){return(b.isIE7?d.height():document.body.scrollHeight)>(a||v.height())},_setFocus:function(){(b.st.focus?b.content.find(b.st.focus).eq(0):b.wrap).focus()},_onFocusIn:function(c){return c.target===b.wrap[0]||a.contains(b.wrap[0],c.target)?void 0:(b._setFocus(),!1)},_parseMarkup:function(b,c,d){var e;d.data&&(c=a.extend(d.data,c)),y(l,[b,c,d]),a.each(c,function(c,d){if(void 0===d||d===!1)return!0;if(e=c.split("_"),e.length>1){var f=b.find(p+"-"+e[0]);if(f.length>0){var g=e[1];"replaceWith"===g?f[0]!==d[0]&&f.replaceWith(d):"img"===g?f.is("img")?f.attr("src",d):f.replaceWith(a("<img>").attr("src",d).attr("class",f.attr("class"))):f.attr(e[1],d)}}else b.find(p+"-"+c).html(d)})},_getScrollbarSize:function(){if(void 0===b.scrollbarSize){var a=document.createElement("div");a.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(a),b.scrollbarSize=a.offsetWidth-a.clientWidth,document.body.removeChild(a)}return b.scrollbarSize}},a.magnificPopup={instance:null,proto:t.prototype,modules:[],open:function(b,c){return A(),b=b?a.extend(!0,{},b):{},b.isObj=!0,b.index=c||0,this.instance.open(b)},close:function(){return a.magnificPopup.instance&&a.magnificPopup.instance.close()},registerModule:function(b,c){c.options&&(a.magnificPopup.defaults[b]=c.options),a.extend(this.proto,c.proto),this.modules.push(b)},defaults:{disableOn:0,key:null,midClick:!1,mainClass:"",preloader:!0,focus:"",closeOnContentClick:!1,closeOnBgClick:!0,closeBtnInside:!0,showCloseBtn:!0,enableEscapeKey:!0,modal:!1,alignTop:!1,removalDelay:0,prependTo:null,fixedContentPos:"auto",fixedBgPos:"auto",overflowY:"auto",closeMarkup:'<button title="%title%" type="button" class="mfp-close">×</button>',tClose:"Close (Esc)",tLoading:"Loading...",autoFocusLast:!0}},a.fn.magnificPopup=function(c){A();var d=a(this);if("string"==typeof c)if("open"===c){var e,f=u?d.data("magnificPopup"):d[0].magnificPopup,g=parseInt(arguments[1],10)||0;f.items?e=f.items[g]:(e=d,f.delegate&&(e=e.find(f.delegate)),e=e.eq(g)),b._openClick({mfpEl:e},d,f)}else b.isOpen&&b[c].apply(b,Array.prototype.slice.call(arguments,1));else c=a.extend(!0,{},c),u?d.data("magnificPopup",c):d[0].magnificPopup=c,b.addGroup(d,c);return d};var C,D,E,F="inline",G=function(){E&&(D.after(E.addClass(C)).detach(),E=null)};a.magnificPopup.registerModule(F,{options:{hiddenClass:"hide",markup:"",tNotFound:"Content not found"},proto:{initInline:function(){b.types.push(F),w(h+"."+F,function(){G()})},getInline:function(c,d){if(G(),c.src){var e=b.st.inline,f=a(c.src);if(f.length){var g=f[0].parentNode;g&&g.tagName&&(D||(C=e.hiddenClass,D=x(C),C="mfp-"+C),E=f.after(D).detach().removeClass(C)),b.updateStatus("ready")}else b.updateStatus("error",e.tNotFound),f=a("<div>");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var H,I="ajax",J=function(){H&&a(document.body).removeClass(H)},K=function(){J(),b.req&&b.req.abort()};a.magnificPopup.registerModule(I,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'<a href="%url%">The content</a> could not be loaded.'},proto:{initAjax:function(){b.types.push(I),H=b.st.ajax.cursor,w(h+"."+I,K),w("BeforeChange."+I,K)},getAjax:function(c){H&&a(document.body).addClass(H),b.updateStatus("loading");var d=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};y("ParseAjax",g),b.appendContent(a(g.data),I),c.finished=!0,J(),b._setFocus(),setTimeout(function(){b.wrap.addClass(q)},16),b.updateStatus("ready"),y("AjaxContentAdded")},error:function(){J(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(d),""}}});var L,M=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'<div class="mfp-figure"><div class="mfp-close"></div><figure><div class="mfp-img"></div><figcaption><div class="mfp-bottom-bar"><div class="mfp-title"></div><div class="mfp-counter"></div></div></figcaption></figure></div>',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'<a href="%url%">The image</a> could not be loaded.'},proto:{initImage:function(){var c=b.st.image,d=".image";b.types.push("image"),w(m+d,function(){"image"===b.currItem.type&&c.cursor&&a(document.body).addClass(c.cursor)}),w(h+d,function(){c.cursor&&a(document.body).removeClass(c.cursor),v.off("resize"+p)}),w("Resize"+d,b.resizeImage),b.isLowIE&&w("AfterChange",b.resizeImage)},resizeImage:function(){var a=b.currItem;if(a&&a.img&&b.st.image.verticalFit){var c=0;b.isLowIE&&(c=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",b.wH-c)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,L&&clearInterval(L),a.isCheckingImgSize=!1,y("ImageHasSize",a),a.imgHidden&&(b.content&&b.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var c=0,d=a.img[0],e=function(f){L&&clearInterval(L),L=setInterval(function(){return d.naturalWidth>0?void b._onImageHasSize(a):(c>200&&clearInterval(L),c++,void(3===c?e(10):40===c?e(50):100===c&&e(500)))},f)};e(1)},getImage:function(c,d){var e=0,f=function(){c&&(c.img[0].complete?(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("ready")),c.hasSize=!0,c.loaded=!0,y("ImageLoadComplete")):(e++,200>e?setTimeout(f,100):g()))},g=function(){c&&(c.img.off(".mfploader"),c===b.currItem&&(b._onImageHasSize(c),b.updateStatus("error",h.tError.replace("%url%",c.src))),c.hasSize=!0,c.loaded=!0,c.loadError=!0)},h=b.st.image,i=d.find(".mfp-img");if(i.length){var j=document.createElement("img");j.className="mfp-img",c.el&&c.el.find("img").length&&(j.alt=c.el.find("img").attr("alt")),c.img=a(j).on("load.mfploader",f).on("error.mfploader",g),j.src=c.src,i.is("img")&&(c.img=c.img.clone()),j=c.img[0],j.naturalWidth>0?c.hasSize=!0:j.width||(c.hasSize=!1)}return b._parseMarkup(d,{title:M(c),img_replaceWith:c.img},c),b.resizeImage(),c.hasSize?(L&&clearInterval(L),c.loadError?(d.addClass("mfp-loading"),b.updateStatus("error",h.tError.replace("%url%",c.src))):(d.removeClass("mfp-loading"),b.updateStatus("ready")),d):(b.updateStatus("loading"),c.loading=!0,c.hasSize||(c.imgHidden=!0,d.addClass("mfp-loading"),b.findImageSize(c)),d)}}});var N,O=function(){return void 0===N&&(N=void 0!==document.createElement("p").style.MozTransform),N};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a,c=b.st.zoom,d=".zoom";if(c.enabled&&b.supportsTransition){var e,f,g=c.duration,j=function(a){var b=a.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+c.duration/1e3+"s "+c.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,b.css(e),b},k=function(){b.content.css("visibility","visible")};w("BuildControls"+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.content.css("visibility","hidden"),a=b._getItemToZoom(),!a)return void k();f=j(a),f.css(b._getOffset()),b.wrap.append(f),e=setTimeout(function(){f.css(b._getOffset(!0)),e=setTimeout(function(){k(),setTimeout(function(){f.remove(),a=f=null,y("ZoomAnimationEnded")},16)},g)},16)}}),w(i+d,function(){if(b._allowZoom()){if(clearTimeout(e),b.st.removalDelay=g,!a){if(a=b._getItemToZoom(),!a)return;f=j(a)}f.css(b._getOffset(!0)),b.wrap.append(f),b.content.css("visibility","hidden"),setTimeout(function(){f.css(b._getOffset())},16)}}),w(h+d,function(){b._allowZoom()&&(k(),f&&f.remove(),a=null)})}},_allowZoom:function(){return"image"===b.currItem.type},_getItemToZoom:function(){return b.currItem.hasSize?b.currItem.img:!1},_getOffset:function(c){var d;d=c?b.currItem.img:b.st.zoom.opener(b.currItem.el||b.currItem);var e=d.offset(),f=parseInt(d.css("padding-top"),10),g=parseInt(d.css("padding-bottom"),10);e.top-=a(window).scrollTop()-f;var h={width:d.width(),height:(u?d.innerHeight():d[0].offsetHeight)-g-f};return O()?h["-moz-transform"]=h.transform="translate("+e.left+"px,"+e.top+"px)":(h.left=e.left,h.top=e.top),h}}});var P="iframe",Q="//about:blank",R=function(a){if(b.currTemplate[P]){var c=b.currTemplate[P].find("iframe");c.length&&(a||(c[0].src=Q),b.isIE8&&c.css("display",a?"block":"none"))}};a.magnificPopup.registerModule(P,{options:{markup:'<div class="mfp-iframe-scaler"><div class="mfp-close"></div><iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe></div>',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?rel=0&autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('<img class="mfp-img" />').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()});
|
|
|
|
|
|
|
|
magnific-popup/magnific-popup.css
DELETED
@@ -1,346 +0,0 @@
|
|
1 |
-
/* Magnific Popup CSS */
|
2 |
-
.mfp-bg {
|
3 |
-
top: 0px !important;
|
4 |
-
left: 0px !important;
|
5 |
-
width: 100% !important;
|
6 |
-
height: 100% !important;
|
7 |
-
z-index: 100042 !important;
|
8 |
-
overflow: hidden !important;
|
9 |
-
position: fixed !important;
|
10 |
-
background: #000000 !important;
|
11 |
-
opacity: 0.8 !important;
|
12 |
-
}
|
13 |
-
.sa_popup {
|
14 |
-
top: 0 !important;
|
15 |
-
left: 0 !important;
|
16 |
-
width: 100% !important;
|
17 |
-
height: 100% !important;
|
18 |
-
z-index: 100043 !important;
|
19 |
-
position: fixed !important;
|
20 |
-
outline: none !important;
|
21 |
-
-webkit-backface-visibility: hidden !important;
|
22 |
-
}
|
23 |
-
.sa_popup .mfp-container {
|
24 |
-
text-align: center !important;
|
25 |
-
position: absolute !important;
|
26 |
-
width: 100% !important;
|
27 |
-
height: 100% !important;
|
28 |
-
left: 0px !important;
|
29 |
-
top: 0px !important;
|
30 |
-
padding: 0 8px !important;
|
31 |
-
box-sizing: border-box !important;
|
32 |
-
}
|
33 |
-
.sa_popup .mfp-container:before {
|
34 |
-
content: '' !important;
|
35 |
-
display: inline-block !important;
|
36 |
-
height: 100% !important;
|
37 |
-
vertical-align: middle !important;
|
38 |
-
}
|
39 |
-
.sa_popup .mfp-align-top .mfp-container:before {
|
40 |
-
display: none !important;
|
41 |
-
}
|
42 |
-
.sa_popup .mfp-content {
|
43 |
-
position: relative !important;
|
44 |
-
display: inline-block !important;
|
45 |
-
vertical-align: middle !important;
|
46 |
-
margin: 0px auto !important;
|
47 |
-
text-align: left !important;
|
48 |
-
z-index: 100045 !important;
|
49 |
-
}
|
50 |
-
.sa_popup .mfp-inline-holder .mfp-content,
|
51 |
-
.sa_popup .mfp-ajax-holder .mfp-content {
|
52 |
-
width: 100% !important;
|
53 |
-
cursor: auto !important;
|
54 |
-
}
|
55 |
-
.sa_popup .mfp-ajax-cur {
|
56 |
-
cursor: progress !important;
|
57 |
-
}
|
58 |
-
.sa_popup .mfp-zoom-out-cur, .sa_popup .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
59 |
-
cursor: -moz-zoom-out !important;
|
60 |
-
cursor: -webkit-zoom-out !important;
|
61 |
-
cursor: zoom-out !important;
|
62 |
-
}
|
63 |
-
.sa_popup .mfp-zoom {
|
64 |
-
cursor: pointer !important;
|
65 |
-
cursor: -webkit-zoom-in !important;
|
66 |
-
cursor: -moz-zoom-in !important;
|
67 |
-
cursor: zoom-in !important;
|
68 |
-
}
|
69 |
-
.sa_popup .mfp-auto-cursor .mfp-content {
|
70 |
-
cursor: auto !important;
|
71 |
-
}
|
72 |
-
.sa_popup .mfp-close,
|
73 |
-
.sa_popup .mfp-arrow,
|
74 |
-
.sa_popup .mfp-preloader,
|
75 |
-
.sa_popup .mfp-counter {
|
76 |
-
-webkit-user-select: none !important;
|
77 |
-
-moz-user-select: none !important;
|
78 |
-
user-select: none !important;
|
79 |
-
}
|
80 |
-
.sa_popup .mfp-loading.mfp-figure {
|
81 |
-
display: none !important;
|
82 |
-
}
|
83 |
-
.sa_popup .mfp-hide {
|
84 |
-
display: none !important;
|
85 |
-
}
|
86 |
-
.sa_popup .mfp-preloader {
|
87 |
-
color: #cccccc !important;
|
88 |
-
position: absolute !important;
|
89 |
-
top: 50% !important;
|
90 |
-
width: auto !important;
|
91 |
-
text-align: center !important;
|
92 |
-
margin-top: -0.8em !important;
|
93 |
-
left: 8px !important;
|
94 |
-
right: 8px !important;
|
95 |
-
z-index: 100044 !important;
|
96 |
-
}
|
97 |
-
.sa_popup .mfp-preloader a {
|
98 |
-
color: #cccccc !important;
|
99 |
-
}
|
100 |
-
.sa_popup .mfp-preloader a:hover {
|
101 |
-
color: #ffffff !important;
|
102 |
-
}
|
103 |
-
.sa_popup .mfp-s-ready .mfp-preloader {
|
104 |
-
display: none !important;
|
105 |
-
}
|
106 |
-
.sa_popup .mfp-s-error .mfp-content {
|
107 |
-
display: none !important;
|
108 |
-
}
|
109 |
-
.sa_popup button.mfp-close,
|
110 |
-
.sa_popup button.mfp-arrow {
|
111 |
-
overflow: visible !important;
|
112 |
-
cursor: pointer !important;
|
113 |
-
background: transparent !important;
|
114 |
-
border: 0 !important;
|
115 |
-
-webkit-appearance: none !important;
|
116 |
-
display: block !important;
|
117 |
-
outline: none !important;
|
118 |
-
padding: 0 !important;
|
119 |
-
z-index: 100046 !important;
|
120 |
-
box-shadow: none !important;
|
121 |
-
touch-action: manipulation !important;
|
122 |
-
}
|
123 |
-
.sa_popup button::-moz-focus-inner {
|
124 |
-
padding: 0 !important;
|
125 |
-
border: 0 !important;
|
126 |
-
}
|
127 |
-
.sa_popup .mfp-close {
|
128 |
-
width: 44px !important;
|
129 |
-
height: 44px !important;
|
130 |
-
line-height: 44px !important;
|
131 |
-
position: absolute !important;
|
132 |
-
right: 0px !important;
|
133 |
-
top: 0px !important;
|
134 |
-
text-decoration: none !important;
|
135 |
-
text-align: center !important;
|
136 |
-
opacity: 0.6 !important;
|
137 |
-
padding:0px 5px 0px 0px !important;
|
138 |
-
color: #ffff !important;
|
139 |
-
font-style: normal !important;
|
140 |
-
font-size: 32px !important;
|
141 |
-
font-family: Arial, Baskerville, monospace !important;
|
142 |
-
}
|
143 |
-
.sa_popup .mfp-close:hover {
|
144 |
-
opacity: 1.0 !important;
|
145 |
-
}
|
146 |
-
.sa_popup .mfp-close-btn-in .mfp-close {
|
147 |
-
color: #333 !important;
|
148 |
-
}
|
149 |
-
.sa_popup .mfp-image-holder .mfp-close,
|
150 |
-
.sa_popup .mfp-iframe-holder .mfp-close {
|
151 |
-
color: #ffffff !important;
|
152 |
-
right: 0px !important;
|
153 |
-
text-align: right !important;
|
154 |
-
padding-right: 0px !important;
|
155 |
-
width: 100% !important;
|
156 |
-
transition:all .3s ease-in-out;
|
157 |
-
-webkit-transition:all .3s ease-in-out;
|
158 |
-
-moz-transition:all .3s ease-in-out;
|
159 |
-
-o-transition:all .3s ease-in-out;
|
160 |
-
}
|
161 |
-
.sa_popup .mfp-counter {
|
162 |
-
position: absolute !important;
|
163 |
-
top: 0px !important;
|
164 |
-
right: 3px !important;
|
165 |
-
color: #c0c0c0 !important;
|
166 |
-
font-size: 12px !important;
|
167 |
-
line-height: 18px !important;
|
168 |
-
white-space: nowrap !important;
|
169 |
-
}
|
170 |
-
.sa_popup .mfp-arrow {
|
171 |
-
position: absolute !important;
|
172 |
-
opacity: 0.6 !important;
|
173 |
-
margin: 0 !important;
|
174 |
-
top: 50% !important;
|
175 |
-
margin-top: -24px !important;
|
176 |
-
padding: 0 !important;
|
177 |
-
width: 48px !important;
|
178 |
-
height: 48px !important;
|
179 |
-
background-color:rgba(255,255,255,0.0) !important;
|
180 |
-
-webkit-tap-highlight-color: transparent;
|
181 |
-
transition:all .3s ease-in-out;
|
182 |
-
-webkit-transition:all .3s ease-in-out;
|
183 |
-
-moz-transition:all .3s ease-in-out;
|
184 |
-
-o-transition:all .3s ease-in-out;
|
185 |
-
}
|
186 |
-
.sa_popup .mfp-container .mfp-arrow:hover {
|
187 |
-
opacity: 1.0 !important;
|
188 |
-
background-color:rgba(255,255,255,0.2) !important;
|
189 |
-
}
|
190 |
-
.sa_popup .mfp-arrow:before,
|
191 |
-
.sa_popup .mfp-arrow:after {
|
192 |
-
content: '' !important;
|
193 |
-
display: block !important;
|
194 |
-
width: 0 !important;
|
195 |
-
height: 0 !important;
|
196 |
-
position: absolute !important;
|
197 |
-
left: 0 !important;
|
198 |
-
top: 0 !important;
|
199 |
-
margin-top: 11px !important;
|
200 |
-
margin-left: 35px !important;
|
201 |
-
border: medium inset transparent;
|
202 |
-
}
|
203 |
-
.sa_popup .mfp-arrow:after {
|
204 |
-
display:none !important;
|
205 |
-
border-top-width: 13px !important;
|
206 |
-
border-bottom-width: 13px !important;
|
207 |
-
}
|
208 |
-
.sa_popup .mfp-arrow:before {
|
209 |
-
border-top-width: 13px !important;
|
210 |
-
border-bottom-width: 13px !important;
|
211 |
-
opacity: 1.0 !important;
|
212 |
-
}
|
213 |
-
.sa_popup .mfp-arrow-left {
|
214 |
-
left: 0 !important;
|
215 |
-
}
|
216 |
-
.sa_popup .mfp-arrow-left:before {
|
217 |
-
margin-left: 12px !important;
|
218 |
-
margin-right: 16px !important;
|
219 |
-
border-right: 17px solid #ffffff !important;
|
220 |
-
}
|
221 |
-
.sa_popup .mfp-arrow-left:after {
|
222 |
-
border-right: 17px solid #ffffff !important;
|
223 |
-
margin-left: 31px !important;
|
224 |
-
margin-right: 0px !important;
|
225 |
-
}
|
226 |
-
.sa_popup .mfp-arrow-right {
|
227 |
-
right: 0 !important;
|
228 |
-
}
|
229 |
-
.sa_popup .mfp-arrow-right:before {
|
230 |
-
margin-left: 16px !important;
|
231 |
-
margin-right: 12px !important;
|
232 |
-
border-left: 17px solid #ffffff !important;
|
233 |
-
}
|
234 |
-
.sa_popup .mfp-arrow-right:after {
|
235 |
-
border-left: 17px solid #ffffff !important;
|
236 |
-
margin-left: 39px !important;
|
237 |
-
margin-right: 0px !important;
|
238 |
-
}
|
239 |
-
.sa_popup .mfp-iframe-holder {
|
240 |
-
padding-top: 40px !important;
|
241 |
-
padding-bottom: 40px !important;
|
242 |
-
}
|
243 |
-
.sa_popup .mfp-iframe-holder .mfp-content {
|
244 |
-
line-height: 0 !important;
|
245 |
-
width: 100% !important;
|
246 |
-
max-width: 900px !important;
|
247 |
-
}
|
248 |
-
.sa_popup .mfp-iframe-holder .mfp-close {
|
249 |
-
top: -40px !important;
|
250 |
-
}
|
251 |
-
.sa_popup .mfp-iframe-scaler {
|
252 |
-
width: 100% !important;
|
253 |
-
height: 0 !important;
|
254 |
-
overflow: hidden !important;
|
255 |
-
padding-top: 56.25% !important;
|
256 |
-
}
|
257 |
-
.sa_popup .mfp-iframe-scaler iframe {
|
258 |
-
position: absolute !important;
|
259 |
-
display: block !important;
|
260 |
-
top: 0px !important;
|
261 |
-
left: 0px !important;
|
262 |
-
width: 100% !important;
|
263 |
-
height: 100% !important;
|
264 |
-
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !important;
|
265 |
-
background: #000000 !important;
|
266 |
-
}
|
267 |
-
/* Main image in popup */
|
268 |
-
.sa_popup img.mfp-img {
|
269 |
-
width: auto !important;
|
270 |
-
max-width: 100% !important;
|
271 |
-
height: auto !important;
|
272 |
-
display: block !important;
|
273 |
-
line-height: 0 !important;
|
274 |
-
box-sizing: border-box !important;
|
275 |
-
padding: 40px 0 40px !important;
|
276 |
-
margin: 0 auto !important;
|
277 |
-
}
|
278 |
-
/* The shadow behind the image */
|
279 |
-
.sa_popup .mfp-figure {
|
280 |
-
line-height: 0 !important;
|
281 |
-
}
|
282 |
-
.sa_popup .mfp-figure:after {
|
283 |
-
content: '' !important;
|
284 |
-
position: absolute !important;
|
285 |
-
left: 0 !important;
|
286 |
-
top: 40px !important;
|
287 |
-
bottom: 40px !important;
|
288 |
-
display: block !important;
|
289 |
-
right: 0px !important;
|
290 |
-
width: auto !important;
|
291 |
-
height: auto !important;
|
292 |
-
z-index: -1 !important;
|
293 |
-
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !important;
|
294 |
-
background: #444444 !important;
|
295 |
-
}
|
296 |
-
.sa_popup .mfp-figure small {
|
297 |
-
color: #c0c0c0 !important;
|
298 |
-
display: block !important;
|
299 |
-
font-size: 12px !important;
|
300 |
-
line-height: 14px !important;
|
301 |
-
}
|
302 |
-
.sa_popup .mfp-figure figure {
|
303 |
-
margin: 0 !important;
|
304 |
-
}
|
305 |
-
.sa_popup .mfp-bottom-bar {
|
306 |
-
box-sizing: border-box !important;
|
307 |
-
margin-top: -36px !important;
|
308 |
-
padding: 0px 3px !important;
|
309 |
-
position: absolute !important;
|
310 |
-
top: 100% !important;
|
311 |
-
left: 0 !important;
|
312 |
-
width: 100% !important;
|
313 |
-
cursor: auto !important;
|
314 |
-
}
|
315 |
-
.sa_popup .mfp-title {
|
316 |
-
text-align: left !important;
|
317 |
-
font-size:16px !important;
|
318 |
-
line-height: 20px !important;
|
319 |
-
color: #ffffff !important;
|
320 |
-
word-wrap: break-word !important;
|
321 |
-
padding-right: 45px !important;
|
322 |
-
}
|
323 |
-
.sa_popup .mfp-image-holder .mfp-content {
|
324 |
-
max-width: 100% !important;
|
325 |
-
}
|
326 |
-
.sa_popup .mfp-gallery .mfp-image-holder .mfp-figure {
|
327 |
-
cursor: pointer !important;
|
328 |
-
}
|
329 |
-
|
330 |
-
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
331 |
-
/* Remove all paddings around the image on small screen */
|
332 |
-
.sa_popup .mfp-img-mobile .mfp-image-holder { padding-left: 0px !important; padding-right: 0px !important; }
|
333 |
-
.sa_popup .mfp-img-mobile img.mfp-img { padding: 0px !important; }
|
334 |
-
.sa_popup .mfp-img-mobile .mfp-figure:after { top: 0px !important; bottom: 0px !important; }
|
335 |
-
.sa_popup .mfp-img-mobile .mfp-figure small { display: inline !important; margin-left: 5px !important; }
|
336 |
-
.sa_popup .mfp-img-mobile .mfp-bottom-bar {
|
337 |
-
background: rgba(0, 0, 0, 0.6) !important; bottom: 0px !important; margin: 0px !important; top: auto !important;
|
338 |
-
padding: 3px 5px !important; position: fixed !important; box-sizing: border-box !important; }
|
339 |
-
}
|
340 |
-
@media all and (max-width: 767px) {
|
341 |
-
.sa_popup .mfp-title { font-size: 14px !important; line-height: 18px !important; }
|
342 |
-
.sa_popup .mfp-arrow { -webkit-transform: scale(0.75) !important; transform: scale(0.75) !important; }
|
343 |
-
.sa_popup .mfp-arrow-left { -webkit-transform-origin: 0 !important; transform-origin: 0 !important; }
|
344 |
-
.sa_popup .mfp-arrow-right { -webkit-transform-origin: 100% !important; transform-origin: 100% !important; }
|
345 |
-
.sa_popup .mfp-container { padding-left: 5px !important; padding-right: 5px !important; }
|
346 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
owl-carousel/owl.carousel.css
CHANGED
@@ -24,8 +24,8 @@
|
|
24 |
display: block;
|
25 |
clear: both;
|
26 |
visibility: hidden;
|
27 |
-
line-height:
|
28 |
-
height:
|
29 |
.owl-carousel .owl-stage-outer {
|
30 |
position: relative;
|
31 |
overflow: hidden;
|
@@ -70,7 +70,7 @@
|
|
70 |
background: none;
|
71 |
color: inherit;
|
72 |
border: none;
|
73 |
-
padding:
|
74 |
font: inherit; }
|
75 |
.owl-carousel.owl-loaded {
|
76 |
display: block; }
|
@@ -140,7 +140,7 @@
|
|
140 |
opacity: 0;
|
141 |
transition: opacity 400ms ease; }
|
142 |
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
|
143 |
-
max-height:
|
144 |
.owl-carousel .owl-item img.owl-lazy {
|
145 |
transform-style: preserve-3d; }
|
146 |
|
24 |
display: block;
|
25 |
clear: both;
|
26 |
visibility: hidden;
|
27 |
+
line-height: 0px;
|
28 |
+
height: 0px; }
|
29 |
.owl-carousel .owl-stage-outer {
|
30 |
position: relative;
|
31 |
overflow: hidden;
|
70 |
background: none;
|
71 |
color: inherit;
|
72 |
border: none;
|
73 |
+
padding: 0px !important;
|
74 |
font: inherit; }
|
75 |
.owl-carousel.owl-loaded {
|
76 |
display: block; }
|
140 |
opacity: 0;
|
141 |
transition: opacity 400ms ease; }
|
142 |
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
|
143 |
+
max-height: 0px; }
|
144 |
.owl-carousel .owl-item img.owl-lazy {
|
145 |
transform-style: preserve-3d; }
|
146 |
|
owl-carousel/sa-owl-theme.css
CHANGED
@@ -40,6 +40,7 @@
|
|
40 |
}
|
41 |
.sa_owl_theme .owl-dots .owl-dot {
|
42 |
display: inline-block !important;
|
|
|
43 |
}
|
44 |
.sa_owl_theme .owl-dots .owl-dot span {
|
45 |
display:inline-block !important;
|
@@ -399,13 +400,54 @@
|
|
399 |
.black .sa_thumbs_hide_mobile { display:none !important; }
|
400 |
}
|
401 |
|
402 |
-
/*
|
|
|
|
|
|
|
|
|
|
|
|
|
403 |
.sa_custom_popup {
|
404 |
-
|
405 |
-
|
406 |
-
|
407 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
408 |
}
|
409 |
-
.
|
410 |
-
|
411 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
40 |
}
|
41 |
.sa_owl_theme .owl-dots .owl-dot {
|
42 |
display: inline-block !important;
|
43 |
+
padding:0px !important;
|
44 |
}
|
45 |
.sa_owl_theme .owl-dots .owl-dot span {
|
46 |
display:inline-block !important;
|
400 |
.black .sa_thumbs_hide_mobile { display:none !important; }
|
401 |
}
|
402 |
|
403 |
+
/* LIGHTGALLERY (POPUP) LIBRARY */
|
404 |
+
.lg-container .lg-backdrop,
|
405 |
+
.lg-container .lg-outer {
|
406 |
+
z-index:99999999 !important;
|
407 |
+
}
|
408 |
+
|
409 |
+
/* HTML/SHORTCODE POPUPS */
|
410 |
.sa_custom_popup {
|
411 |
+
display: none;
|
412 |
+
position:fixed;
|
413 |
+
top:0px;
|
414 |
+
left:0px;
|
415 |
+
width:100%;
|
416 |
+
height:100%;
|
417 |
+
z-index:99999999;
|
418 |
+
background-color:#000000;
|
419 |
+
overflow-y:auto;
|
420 |
+
}
|
421 |
+
.sa_custom_popup .sa_popup_close {
|
422 |
+
position:absolute;
|
423 |
+
top:0px;
|
424 |
+
right:0px;
|
425 |
+
background-color:rgba(0,0,0,0.5);
|
426 |
+
color:#a0a0a0;
|
427 |
+
width:60px;
|
428 |
+
height:60px;
|
429 |
+
text-align:center;
|
430 |
+
font-weight:400;
|
431 |
+
font-size:24px;
|
432 |
+
line-height:60px;
|
433 |
+
cursor:pointer;
|
434 |
+
transition:all .3s ease-in-out;
|
435 |
+
-webkit-transition:all .3s ease-in-out;
|
436 |
+
-moz-transition:all .3s ease-in-out;
|
437 |
+
-o-transition:all .3s ease-in-out;
|
438 |
}
|
439 |
+
.sa_custom_popup .sa_popup_close:hover {
|
440 |
+
color:#ffffff;
|
441 |
}
|
442 |
+
.sa_custom_popup .sa_popup_wrap {
|
443 |
+
position:absolute;
|
444 |
+
top:50%;
|
445 |
+
left:50%;
|
446 |
+
transform:translate(-50%, -50%);
|
447 |
+
padding:20px;
|
448 |
+
width:90%;
|
449 |
+
}
|
450 |
+
@media only screen and (max-width:767px) {
|
451 |
+
.sa_custom_popup .sa_popup_close {
|
452 |
+
width:48px; height:48px; font-size:20px; line-height:48px; }
|
453 |
+
}
|
php/slide-anything-admin.php
CHANGED
@@ -1061,7 +1061,7 @@ function cpt_slider_slides_content( $post ) {
|
|
1061 |
$popup_video_id = '';
|
1062 |
}
|
1063 |
if ( ( '99999999' === $slide_image_id ) && ( 'VIDEO' === $slide_popup_type ) && ( 'youtube' === $popup_video_type ) ) {
|
1064 |
-
$youtube_thumb = 'https://img.youtube.com/vi/' . $popup_video_id . '/
|
1065 |
echo "<div style='background-image:url(\"" . esc_attr( $youtube_thumb ) . '"); background-size:' . esc_attr( $slide_image_size ) . '; ';
|
1066 |
echo 'background-repeat:' . esc_attr( $slide_image_repeat ) . '; background-color:' . esc_attr( $slide_image_color ) . '; ';
|
1067 |
echo 'background-position:' . esc_attr( $slide_image_pos ) . ";'></div>\n";
|
1061 |
$popup_video_id = '';
|
1062 |
}
|
1063 |
if ( ( '99999999' === $slide_image_id ) && ( 'VIDEO' === $slide_popup_type ) && ( 'youtube' === $popup_video_type ) ) {
|
1064 |
+
$youtube_thumb = 'https://img.youtube.com/vi/' . $popup_video_id . '/maxresdefault.jpg';
|
1065 |
echo "<div style='background-image:url(\"" . esc_attr( $youtube_thumb ) . '"); background-size:' . esc_attr( $slide_image_size ) . '; ';
|
1066 |
echo 'background-repeat:' . esc_attr( $slide_image_repeat ) . '; background-color:' . esc_attr( $slide_image_color ) . '; ';
|
1067 |
echo 'background-position:' . esc_attr( $slide_image_pos ) . ";'></div>\n";
|
php/slide-anything-frontend.php
CHANGED
@@ -29,13 +29,23 @@ function slide_anything_shortcode( $atts ) {
|
|
29 |
wp_enqueue_style( 'owl_animate_css' );
|
30 |
wp_register_script( 'mousewheel_js', SA_PLUGIN_PATH . 'js/jquery.mousewheel.min.js', array( 'jquery' ), '3.1.13', true );
|
31 |
wp_enqueue_script( 'mousewheel_js' );
|
32 |
-
// JAVASCRIPT/CSS FOR MAGNIFIC POPUP.
|
33 |
-
wp_register_script( 'magnific-popup_js', SA_PLUGIN_PATH . 'magnific-popup/jquery.magnific-popup.min.js', array( 'jquery' ), '1.1.0', true );
|
34 |
-
wp_enqueue_script( 'magnific-popup_js' );
|
35 |
-
wp_register_style( 'magnific-popup_css', SA_PLUGIN_PATH . 'magnific-popup/magnific-popup.css', array(), '1.1.0', 'all' );
|
36 |
-
wp_enqueue_style( 'magnific-popup_css' );
|
37 |
wp_register_script( 'owl_thumbs_js', SA_PLUGIN_PATH . 'owl-carousel/owl.carousel2.thumbs.min.js', array( 'jquery' ), '0.1.8', true );
|
38 |
wp_enqueue_script( 'owl_thumbs_js' );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
39 |
|
40 |
// EXTRACT SHORTCODE ATTRIBUTES.
|
41 |
$args = shortcode_atts( array( 'id' => '0' ), $atts );
|
@@ -302,7 +312,7 @@ function slide_anything_shortcode( $atts ) {
|
|
302 |
$slide_data['slide_icons_color'] = 'white';
|
303 |
}
|
304 |
if ( isset( $metadata['sa_slide_icons_fullslide'][0] ) &&
|
305 |
-
( 1 === $metadata['sa_slide_icons_fullslide'][0] ) ) {
|
306 |
$slide_data['slide_icons_fullslide'] = '1';
|
307 |
} else {
|
308 |
$slide_data['slide_icons_fullslide'] = '0';
|
@@ -608,7 +618,7 @@ function slide_anything_shortcode( $atts ) {
|
|
608 |
}
|
609 |
$output .= "<div id='" . esc_attr( $slide_data['css_id'] ) . "' class='owl-carousel sa_owl_theme " . $additional_classes . "' ";
|
610 |
$output .= "data-slider-id='" . esc_attr( $slide_data['css_id'] ) . "' style='" . $slider_style . "'>\n";
|
611 |
-
// INITIALISE VAIRABLES FOR
|
612 |
$lightbox_function = 'open_lightbox_gallery_' . $slide_data['css_id'];
|
613 |
$lightbox_gallery_id = 'lightbox_button_' . $slide_data['css_id'];
|
614 |
$lightbox_count = 0;
|
@@ -631,7 +641,7 @@ function slide_anything_shortcode( $atts ) {
|
|
631 |
if ( '99999999' === $slide_data[ 'slide' . $i . '_image_id' ] ) {
|
632 |
$slide_image_src = array();
|
633 |
$popup_video_id = $slide_data[ 'slide' . $i . '_popup_video_id' ];
|
634 |
-
$slide_image_src[0] = 'https://img.youtube.com/vi/' . $popup_video_id . '/
|
635 |
}
|
636 |
}
|
637 |
}
|
@@ -675,7 +685,8 @@ function slide_anything_shortcode( $atts ) {
|
|
675 |
}
|
676 |
if ( 'HTML' === $slide_data[ 'slide' . $i . '_popup_type' ] ) {
|
677 |
$lightbox_count++;
|
678 |
-
$
|
|
|
679 |
}
|
680 |
|
681 |
// DISPLAY SLIDE OUTPUT.
|
@@ -775,9 +786,9 @@ function slide_anything_shortcode( $atts ) {
|
|
775 |
$thumbs_style .= ' padding-bottom:0px;';
|
776 |
}
|
777 |
$add_classes = '';
|
778 |
-
if ( 0 === $slide_data['thumbs_resp_tablet'] ) {
|
779 |
$add_classes .= ' sa_thumbs_hide_tablet'; }
|
780 |
-
if ( 0 === $slide_data['thumbs_resp_mobile'] ) {
|
781 |
$add_classes .= ' sa_thumbs_hide_mobile'; }
|
782 |
$output .= "<div id='" . esc_attr( $slide_data['css_id'] ) . "_thumbs' class='sa_owl_thumbs_wrap sa_thumbs_" . $thumbs_loc . $add_classes . "' style='" . $thumbs_style . "'>";
|
783 |
$output .= "<div class='owl-thumbs' data-slider-id='" . esc_attr( $slide_data['css_id'] ) . "'>";
|
@@ -831,21 +842,62 @@ function slide_anything_shortcode( $atts ) {
|
|
831 |
|
832 |
$output .= "</div>\n"; // .white or .black
|
833 |
|
834 |
-
// CREATE A (HIDDEN) DIV FOR EACH 'HTML' POPUP.
|
835 |
for ( $i = 1; $i <= $slide_data['num_slides']; $i++ ) {
|
836 |
if ( 'HTML' === $slide_data[ 'slide' . $i . '_popup_type' ] ) {
|
837 |
$popup_css_id = $slide_data[ 'slide' . $i . '_popup_css_id' ];
|
838 |
$popup_bgcol = $slide_data[ 'slide' . $i . '_popup_bgcol' ];
|
839 |
$popup_width = $slide_data[ 'slide' . $i . '_popup_width' ];
|
840 |
-
$output .= "<div id='" . $popup_css_id . "' class='
|
841 |
-
$output .= "
|
|
|
842 |
if ( '1' === $slide_data[ 'slide' . $i . '_popup_shortcode' ] ) {
|
843 |
$output .= do_shortcode( $slide_data[ 'slide' . $i . '_popup_html' ] );
|
844 |
} else {
|
845 |
$output .= $slide_data[ 'slide' . $i . '_popup_html' ];
|
846 |
}
|
847 |
$output .= "</div>\n";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
848 |
}
|
|
|
849 |
}
|
850 |
|
851 |
// ### ENQUEUE JQUERY SCRIPT IF IT HAS NOT ALREADY BEEN LOADED ###
|
@@ -854,8 +906,14 @@ function slide_anything_shortcode( $atts ) {
|
|
854 |
}
|
855 |
|
856 |
// ### GENERATE JQUERY CODE FOR THE OWL CAROUSEL SLIDER ###
|
857 |
-
|
858 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
859 |
$single_item = 1;
|
860 |
} else {
|
861 |
$single_item = 0;
|
@@ -974,7 +1032,7 @@ function slide_anything_shortcode( $atts ) {
|
|
974 |
if ( '1' !== $slide_data['hero_slider'] ) {
|
975 |
$slide_min_height = $slide_data['slide_min_height_perc'];
|
976 |
if ( strpos( $slide_min_height, 'px' ) !== false ) {
|
977 |
-
$slide_min_height = 0;
|
978 |
}
|
979 |
if ( ( '' !== $slide_min_height ) && ( '0' !== $slide_min_height ) ) {
|
980 |
$output .= ' sa_resize_' . esc_attr( $slide_data['css_id'] ) . "();\n"; // initial call of resize function.
|
@@ -1139,7 +1197,7 @@ function slide_anything_shortcode( $atts ) {
|
|
1139 |
$output .= " });\n";
|
1140 |
$output .= "</script>\n";
|
1141 |
|
1142 |
-
// ###
|
1143 |
if ( $lightbox_count > 0 ) {
|
1144 |
$output .= "<script type='text/javascript'>\n";
|
1145 |
if ( '1' === $slide_data['sa_window_onload'] ) {
|
@@ -1147,78 +1205,30 @@ function slide_anything_shortcode( $atts ) {
|
|
1147 |
} else {
|
1148 |
$output .= "jQuery(document).ready(function() {\n";
|
1149 |
}
|
1150 |
-
$output .= "
|
1151 |
-
$output .= "
|
1152 |
-
$
|
|
|
|
|
|
|
|
|
|
|
1153 |
for ( $i = 1; $i <= $slide_data['num_slides']; $i++ ) {
|
1154 |
-
// LOOP THROUGH EACH SLIDE.
|
1155 |
-
if ( ( 'IMAGE' === $slide_data[ 'slide' . $i . '_popup_type' ] ) && ( '' !== $slide_data[ 'slide' . $i . '_popup_image' ] ) ) {
|
1156 |
-
// SLIDE CONTAINS AN IMAGE POPUP.
|
1157 |
-
$img_url = $slide_data[ 'slide' . $i . '_popup_image' ];
|
1158 |
-
$img_title = $slide_data[ 'slide' . $i . '_popup_imagetitle' ];
|
1159 |
-
if ( '' !== $img_title ) {
|
1160 |
-
$output .= " { src: '" . esc_attr( $img_url ) . "', title: '" . esc_attr( $img_title ) . "' }";
|
1161 |
-
} else {
|
1162 |
-
$output .= " { src: '" . esc_attr( $img_url ) . "' }";
|
1163 |
-
}
|
1164 |
-
$count++;
|
1165 |
-
if ( $count < $lightbox_count ) {
|
1166 |
-
$output .= ",\n"; } else {
|
1167 |
-
$output .= "\n"; }
|
1168 |
-
}
|
1169 |
-
if ( ( 'VIDEO' === $slide_data[ 'slide' . $i . '_popup_type' ] ) && ( '' !== $slide_data[ 'slide' . $i . '_popup_video_id' ] ) ) {
|
1170 |
-
// SLIDE CONTAINS A VIDEO POPUP.
|
1171 |
-
$video_id = $slide_data[ 'slide' . $i . '_popup_video_id' ];
|
1172 |
-
$video_type = $slide_data[ 'slide' . $i . '_popup_video_type' ];
|
1173 |
-
if ( 'youtube' === $video_type ) {
|
1174 |
-
$video_url = 'http://www.youtube.com/watch?v=' . $video_id;
|
1175 |
-
} elseif ( 'vimeo' === $video_type ) {
|
1176 |
-
$video_url = 'http://vimeo.com/' . $video_id;
|
1177 |
-
}
|
1178 |
-
$output .= " { src: '" . esc_attr( $video_url ) . "', type: 'iframe' }";
|
1179 |
-
$count++;
|
1180 |
-
if ( $count < $lightbox_count ) {
|
1181 |
-
$output .= ",\n"; } else {
|
1182 |
-
$output .= "\n"; }
|
1183 |
-
}
|
1184 |
if ( 'HTML' === $slide_data[ 'slide' . $i . '_popup_type' ] ) {
|
1185 |
-
|
1186 |
-
$
|
1187 |
-
$output .= " { src: '" . esc_attr( $popup_css_id ) . "', type: 'inline' }";
|
1188 |
-
$count++;
|
1189 |
-
if ( $count < $lightbox_count ) {
|
1190 |
-
$output .= ",\n"; } else {
|
1191 |
-
$output .= "\n"; }
|
1192 |
}
|
1193 |
}
|
1194 |
-
$output .= " ],\n";
|
1195 |
-
$output .= " gallery: { enabled: true, tCounter: '' },\n";
|
1196 |
-
$output .= " mainClass: 'sa_popup',\n";
|
1197 |
-
$output .= " closeBtnInside: true,\n";
|
1198 |
-
$output .= " fixedContentPos: true,\n";
|
1199 |
-
if ( 0 !== $slide_data['slide_duration'] ) {
|
1200 |
-
$output .= " callbacks: {\n";
|
1201 |
-
$output .= " open: function() {\n";
|
1202 |
-
$output .= " jQuery('#" . esc_attr( $slide_data['css_id'] ) . "').trigger('stop.owl.autoplay');\n";
|
1203 |
-
$output .= " },\n";
|
1204 |
-
$output .= " close: function() {\n";
|
1205 |
-
$output .= " jQuery('#" . esc_attr( $slide_data['css_id'] ) . "').trigger('play.owl.autoplay');\n";
|
1206 |
-
$output .= " }\n";
|
1207 |
-
$output .= " },\n";
|
1208 |
-
}
|
1209 |
-
$output .= " type: 'image'\n";
|
1210 |
-
$output .= " });\n";
|
1211 |
$output .= "});\n";
|
1212 |
|
1213 |
-
// JAVASCRIPT FUNCTION WHICH OPENS
|
1214 |
$output .= 'function ' . $lightbox_function . "(slide) {\n";
|
1215 |
-
$output .= "
|
1216 |
-
$output .= "
|
|
|
1217 |
$output .= "}\n";
|
1218 |
-
$output .= "</script>\n";
|
1219 |
|
1220 |
-
|
1221 |
-
$output .= "<div id='" . $lightbox_gallery_id . "' style='display:none;'></div>\n";
|
1222 |
}
|
1223 |
}
|
1224 |
}
|
29 |
wp_enqueue_style( 'owl_animate_css' );
|
30 |
wp_register_script( 'mousewheel_js', SA_PLUGIN_PATH . 'js/jquery.mousewheel.min.js', array( 'jquery' ), '3.1.13', true );
|
31 |
wp_enqueue_script( 'mousewheel_js' );
|
|
|
|
|
|
|
|
|
|
|
32 |
wp_register_script( 'owl_thumbs_js', SA_PLUGIN_PATH . 'owl-carousel/owl.carousel2.thumbs.min.js', array( 'jquery' ), '0.1.8', true );
|
33 |
wp_enqueue_script( 'owl_thumbs_js' );
|
34 |
+
// JAVASCRIPT/CSS FOR LIGHTGALLERY (POPUP) LIBRARY (lightgalleryjs.com).
|
35 |
+
wp_register_script( 'lightgallery_js', SA_PLUGIN_PATH . 'lightgallery/lightgallery.min.js', array( 'jquery' ), '2.5.0', true );
|
36 |
+
wp_enqueue_script( 'lightgallery_js' );
|
37 |
+
wp_register_script( 'lightgallery_video_js', SA_PLUGIN_PATH . 'lightgallery/plugins/video/lg-video.min.js', array( 'jquery' ), '2.5.0', true );
|
38 |
+
wp_enqueue_script( 'lightgallery_video_js' );
|
39 |
+
wp_register_script( 'lightgallery_zoom_js', SA_PLUGIN_PATH . 'lightgallery/plugins/zoom/lg-zoom.min.js', array( 'jquery' ), '2.5.0', true );
|
40 |
+
wp_enqueue_script( 'lightgallery_zoom_js' );
|
41 |
+
wp_register_script( 'lightgallery_autoplay_js', SA_PLUGIN_PATH . 'lightgallery/plugins/autoplay/lg-autoplay.min.js', array( 'jquery' ), '2.5.0', true );
|
42 |
+
wp_enqueue_script( 'lightgallery_autoplay_js' );
|
43 |
+
wp_register_script( 'vimeo_player_js', SA_PLUGIN_PATH . 'lightgallery/player.min.js', array( 'jquery' ), '2.17.1', true );
|
44 |
+
wp_enqueue_script( 'vimeo_player_js' );
|
45 |
+
wp_register_style( 'lightgallery_css', SA_PLUGIN_PATH . 'lightgallery/css/lightgallery.css', array(), '2.5.0', 'all' );
|
46 |
+
wp_enqueue_style( 'lightgallery_css' );
|
47 |
+
wp_register_style( 'lightgallery_bundle_css', SA_PLUGIN_PATH . 'lightgallery/css/lightgallery-bundle.min.css', array(), '2.5.0', 'all' );
|
48 |
+
wp_enqueue_style( 'lightgallery_bundle_css' );
|
49 |
|
50 |
// EXTRACT SHORTCODE ATTRIBUTES.
|
51 |
$args = shortcode_atts( array( 'id' => '0' ), $atts );
|
312 |
$slide_data['slide_icons_color'] = 'white';
|
313 |
}
|
314 |
if ( isset( $metadata['sa_slide_icons_fullslide'][0] ) &&
|
315 |
+
( '1' === $metadata['sa_slide_icons_fullslide'][0] ) ) {
|
316 |
$slide_data['slide_icons_fullslide'] = '1';
|
317 |
} else {
|
318 |
$slide_data['slide_icons_fullslide'] = '0';
|
618 |
}
|
619 |
$output .= "<div id='" . esc_attr( $slide_data['css_id'] ) . "' class='owl-carousel sa_owl_theme " . $additional_classes . "' ";
|
620 |
$output .= "data-slider-id='" . esc_attr( $slide_data['css_id'] ) . "' style='" . $slider_style . "'>\n";
|
621 |
+
// INITIALISE VAIRABLES FOR POPUPS.
|
622 |
$lightbox_function = 'open_lightbox_gallery_' . $slide_data['css_id'];
|
623 |
$lightbox_gallery_id = 'lightbox_button_' . $slide_data['css_id'];
|
624 |
$lightbox_count = 0;
|
641 |
if ( '99999999' === $slide_data[ 'slide' . $i . '_image_id' ] ) {
|
642 |
$slide_image_src = array();
|
643 |
$popup_video_id = $slide_data[ 'slide' . $i . '_popup_video_id' ];
|
644 |
+
$slide_image_src[0] = 'https://img.youtube.com/vi/' . $popup_video_id . '/maxresdefault.jpg';
|
645 |
}
|
646 |
}
|
647 |
}
|
685 |
}
|
686 |
if ( 'HTML' === $slide_data[ 'slide' . $i . '_popup_type' ] ) {
|
687 |
$lightbox_count++;
|
688 |
+
$popup_css_id = $slide_data[ 'slide' . $i . '_popup_css_id' ];
|
689 |
+
$popup_output = "<div class='sa_popup_zoom_icon' onClick='document.getElementById(\"" . $popup_css_id . "\").style.display=\"block\";'></div>";
|
690 |
}
|
691 |
|
692 |
// DISPLAY SLIDE OUTPUT.
|
786 |
$thumbs_style .= ' padding-bottom:0px;';
|
787 |
}
|
788 |
$add_classes = '';
|
789 |
+
if ( '0' === $slide_data['thumbs_resp_tablet'] ) {
|
790 |
$add_classes .= ' sa_thumbs_hide_tablet'; }
|
791 |
+
if ( '0' === $slide_data['thumbs_resp_mobile'] ) {
|
792 |
$add_classes .= ' sa_thumbs_hide_mobile'; }
|
793 |
$output .= "<div id='" . esc_attr( $slide_data['css_id'] ) . "_thumbs' class='sa_owl_thumbs_wrap sa_thumbs_" . $thumbs_loc . $add_classes . "' style='" . $thumbs_style . "'>";
|
794 |
$output .= "<div class='owl-thumbs' data-slider-id='" . esc_attr( $slide_data['css_id'] ) . "'>";
|
842 |
|
843 |
$output .= "</div>\n"; // .white or .black
|
844 |
|
845 |
+
// CREATE A CUSTOM (HIDDEN) DIV FOR EACH 'HTML/SHORTCODE' POPUP.
|
846 |
for ( $i = 1; $i <= $slide_data['num_slides']; $i++ ) {
|
847 |
if ( 'HTML' === $slide_data[ 'slide' . $i . '_popup_type' ] ) {
|
848 |
$popup_css_id = $slide_data[ 'slide' . $i . '_popup_css_id' ];
|
849 |
$popup_bgcol = $slide_data[ 'slide' . $i . '_popup_bgcol' ];
|
850 |
$popup_width = $slide_data[ 'slide' . $i . '_popup_width' ];
|
851 |
+
$output .= "<div id='" . $popup_css_id . "' class='sa_custom_popup' onClick='this.style.display = \"none\";'>\n";
|
852 |
+
$output .= "<div class='sa_popup_close' onClick='document.getElementById(\"" . $popup_css_id . "\").style.display=\"none\";'>X</div>";
|
853 |
+
$output .= "<div class='sa_popup_wrap' style='background:" . $popup_bgcol . '; max-width:' . $popup_width . "px;' onclick='event.stopPropagation();'>\n";
|
854 |
if ( '1' === $slide_data[ 'slide' . $i . '_popup_shortcode' ] ) {
|
855 |
$output .= do_shortcode( $slide_data[ 'slide' . $i . '_popup_html' ] );
|
856 |
} else {
|
857 |
$output .= $slide_data[ 'slide' . $i . '_popup_html' ];
|
858 |
}
|
859 |
$output .= "</div>\n";
|
860 |
+
$output .= "</div>\n";
|
861 |
+
}
|
862 |
+
}
|
863 |
+
|
864 |
+
// ### CREATE POPUPS USING LIGHTGALLERY LIBRARY (lightgalleryjs.com) ###
|
865 |
+
if ( $lightbox_count > 0 ) {
|
866 |
+
$lightgallery_id = 'lightgallery_' . $slide_data['css_id'];
|
867 |
+
|
868 |
+
$output .= "<div id='" . $lightgallery_id . "' style='display:none !important;'>\n";
|
869 |
+
for ( $i = 1; $i <= $slide_data['num_slides']; $i++ ) {
|
870 |
+
// LOOP THROUGH EACH SLIDE.
|
871 |
+
if ( ( 'IMAGE' === $slide_data[ 'slide' . $i . '_popup_type' ] ) && ( '' !== $slide_data[ 'slide' . $i . '_popup_image' ] ) ) {
|
872 |
+
// SLIDE CONTAINS AN IMAGE POPUP.
|
873 |
+
$img_url = $slide_data[ 'slide' . $i . '_popup_image' ];
|
874 |
+
$img_title = $slide_data[ 'slide' . $i . '_popup_imagetitle' ];
|
875 |
+
$slide_num = $i + 1;
|
876 |
+
$popup_cssid = $lightgallery_id . '_' . $slide_num;
|
877 |
+
if ( '' !== $img_title ) {
|
878 |
+
$output .= "<div class='lg_item' id='" . $popup_cssid . "' href='" . $img_url . "' data-sub-html='" . $img_title . "'>";
|
879 |
+
} else {
|
880 |
+
$output .= "<div class='lg_item' id='" . $popup_cssid . "' href='" . $img_url . "'>";
|
881 |
+
}
|
882 |
+
$output .= 'slide' . $slide_num . "</div>\n";
|
883 |
+
}
|
884 |
+
if ( ( 'VIDEO' === $slide_data[ 'slide' . $i . '_popup_type' ] ) && ( '' !== $slide_data[ 'slide' . $i . '_popup_video_id' ] ) ) {
|
885 |
+
// SLIDE CONTAINS A VIDEO POPUP.
|
886 |
+
$video_id = $slide_data[ 'slide' . $i . '_popup_video_id' ];
|
887 |
+
$video_type = $slide_data[ 'slide' . $i . '_popup_video_type' ];
|
888 |
+
if ( 'youtube' === $video_type ) {
|
889 |
+
$video_url = 'http://www.youtube.com/watch?v=' . $video_id . '&mute=0';
|
890 |
+
} elseif ( 'vimeo' === $video_type ) {
|
891 |
+
$video_url = 'http://vimeo.com/' . $video_id . '&muted=false';
|
892 |
+
}
|
893 |
+
$slide_num = $i + 1;
|
894 |
+
$popup_cssid = $lightgallery_id . '_' . $slide_num;
|
895 |
+
|
896 |
+
$output .= "<div class='lg_item' id='" . $popup_cssid . "' data-lg-size='1280-720' data-src='" . $video_url . "'>\n";
|
897 |
+
$output .= 'slide' . $slide_num . "</div>\n";
|
898 |
+
}
|
899 |
}
|
900 |
+
$output .= "</div>\n";
|
901 |
}
|
902 |
|
903 |
// ### ENQUEUE JQUERY SCRIPT IF IT HAS NOT ALREADY BEEN LOADED ###
|
906 |
}
|
907 |
|
908 |
// ### GENERATE JQUERY CODE FOR THE OWL CAROUSEL SLIDER ###
|
909 |
+
$items_width1 = intval( $slide_data['items_width1'] );
|
910 |
+
$items_width2 = intval( $slide_data['items_width2'] );
|
911 |
+
$items_width3 = intval( $slide_data['items_width3'] );
|
912 |
+
$items_width4 = intval( $slide_data['items_width4'] );
|
913 |
+
$items_width5 = intval( $slide_data['items_width5'] );
|
914 |
+
$items_width6 = intval( $slide_data['items_width6'] );
|
915 |
+
if ( ( 1 === $items_width1 ) && ( 1 === $items_width2 ) && ( 1 === $items_width3 ) &&
|
916 |
+
( 1 === $items_width4 ) && ( 1 === $items_width5 ) && ( 1 === $items_width6 ) ) {
|
917 |
$single_item = 1;
|
918 |
} else {
|
919 |
$single_item = 0;
|
1032 |
if ( '1' !== $slide_data['hero_slider'] ) {
|
1033 |
$slide_min_height = $slide_data['slide_min_height_perc'];
|
1034 |
if ( strpos( $slide_min_height, 'px' ) !== false ) {
|
1035 |
+
$slide_min_height = '0';
|
1036 |
}
|
1037 |
if ( ( '' !== $slide_min_height ) && ( '0' !== $slide_min_height ) ) {
|
1038 |
$output .= ' sa_resize_' . esc_attr( $slide_data['css_id'] ) . "();\n"; // initial call of resize function.
|
1197 |
$output .= " });\n";
|
1198 |
$output .= "</script>\n";
|
1199 |
|
1200 |
+
// ### CREATE POPUPS USING LIGHTGALLERY LIBRARY (lightgalleryjs.com) ###
|
1201 |
if ( $lightbox_count > 0 ) {
|
1202 |
$output .= "<script type='text/javascript'>\n";
|
1203 |
if ( '1' === $slide_data['sa_window_onload'] ) {
|
1205 |
} else {
|
1206 |
$output .= "jQuery(document).ready(function() {\n";
|
1207 |
}
|
1208 |
+
$output .= "lightGallery(document.getElementById('" . $lightgallery_id . "'), {\n";
|
1209 |
+
$output .= " plugins: [lgVideo, lgZoom, lgAutoplay],\n";
|
1210 |
+
$output .= " autoplayFirstVideo: true,\n";
|
1211 |
+
$output .= " selector: '.lg_item',\n";
|
1212 |
+
$output .= " licenseKey: '60F5F1E7-E8034357-B387117F-3E9CE6DA'\n";
|
1213 |
+
$output .= "});\n";
|
1214 |
+
|
1215 |
+
// MOVE ALL THE HTML/SHORTCODE POPUPS TO THE BOTTOM OF THE HTML DOM.
|
1216 |
for ( $i = 1; $i <= $slide_data['num_slides']; $i++ ) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1217 |
if ( 'HTML' === $slide_data[ 'slide' . $i . '_popup_type' ] ) {
|
1218 |
+
$popup_css_id = $slide_data[ 'slide' . $i . '_popup_css_id' ];
|
1219 |
+
$output .= "document.body.appendChild(document.getElementById('" . $popup_css_id . "'));\n";
|
|
|
|
|
|
|
|
|
|
|
1220 |
}
|
1221 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1222 |
$output .= "});\n";
|
1223 |
|
1224 |
+
// JAVASCRIPT FUNCTION WHICH OPENS A LIGHTGALLERY POPUP ON A SPECIFIED SLIDE.
|
1225 |
$output .= 'function ' . $lightbox_function . "(slide) {\n";
|
1226 |
+
$output .= " slide_num = slide + 1;\n";
|
1227 |
+
$output .= " var popup_cssid = '" . $lightgallery_id . "' + '_' + slide_num;\n";
|
1228 |
+
$output .= " document.getElementById(popup_cssid).click();\n";
|
1229 |
$output .= "}\n";
|
|
|
1230 |
|
1231 |
+
$output .= "</script>\n";
|
|
|
1232 |
}
|
1233 |
}
|
1234 |
}
|
readme.txt
CHANGED
@@ -4,7 +4,7 @@ Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_i
|
|
4 |
Tags: slider, carousel, content slider, responsive slider, html slider, owl carousel
|
5 |
Requires at least: 4.0
|
6 |
Tested up to: 6.0
|
7 |
-
Stable tag: 2.4.
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
@@ -90,6 +90,15 @@ Adding a SLIDE ANYTHING slider using the WordPress 5.0 'Block Editor' is pretty
|
|
90 |
|
91 |
== Changelog ==
|
92 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
93 |
= 2.4.2 =
|
94 |
* Discontinued the Slide Anything PRO plugin addon. All of the 'Pro' features will now be available within the 'Free' version of the plgin offered on WordPress.org. As ongoing developent and support for the Owl Carousel jQuery library (the engine on which Slide Anything is built) is now discontinued, there is a possibility that at some point in the future the Owl Carousel code will no longer work with the later versions of jQuery that may be bundled with WordPress. But I will endevour to keep the Slide Anything plugin running with WordPress as long as possible.
|
95 |
|
@@ -785,4 +794,13 @@ Adding a SLIDE ANYTHING slider using the WordPress 5.0 'Block Editor' is pretty
|
|
785 |
* Updated all PHP code within the plugin to meet the WordPress.org security and coding standards (minor update to ensure PHP function names have a standard prefix).
|
786 |
|
787 |
= 2.4.2 =
|
788 |
-
* Discontinued the Slide Anything PRO plugin addon. All of the 'Pro' features will now be available within the 'Free' version of the plgin offered on WordPress.org. As ongoing developent and support for the Owl Carousel jQuery library (the engine on which Slide Anything is built) is now discontinued, there is a possibility that at some point in the future the Owl Carousel code will no longer work with the later versions of jQuery that may be bundled with WordPress. But I will endevour to keep the Slide Anything plugin running with WordPress as long as possible.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4 |
Tags: slider, carousel, content slider, responsive slider, html slider, owl carousel
|
5 |
Requires at least: 4.0
|
6 |
Tested up to: 6.0
|
7 |
+
Stable tag: 2.4.5
|
8 |
License: GPLv2 or later
|
9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
|
90 |
|
91 |
== Changelog ==
|
92 |
|
93 |
+
= 2.4.5 =
|
94 |
+
* Lets try this again. The SVN commit process keeps corrupting the key 'lightGallery' JavaScript (minified) files. So I've re-minified the source code for 'lightGallery' and hopefully this will work.
|
95 |
+
|
96 |
+
= 2.4.4 =
|
97 |
+
* Missing JavaScript for the 'lightGallery' plugin 'lightgallery.umd.js' - added in this release.
|
98 |
+
|
99 |
+
= 2.4.3 =
|
100 |
+
* Removed the 'Magnific Popup' JavaScript library, which was used to generate popups for slides as this out-of-date library posed a potential, future security issue. Replaced this library with the 'lightGallery' JavaScript library and have modified the Slide Anything code to use this library now to generate slide popups.
|
101 |
+
|
102 |
= 2.4.2 =
|
103 |
* Discontinued the Slide Anything PRO plugin addon. All of the 'Pro' features will now be available within the 'Free' version of the plgin offered on WordPress.org. As ongoing developent and support for the Owl Carousel jQuery library (the engine on which Slide Anything is built) is now discontinued, there is a possibility that at some point in the future the Owl Carousel code will no longer work with the later versions of jQuery that may be bundled with WordPress. But I will endevour to keep the Slide Anything plugin running with WordPress as long as possible.
|
104 |
|
794 |
* Updated all PHP code within the plugin to meet the WordPress.org security and coding standards (minor update to ensure PHP function names have a standard prefix).
|
795 |
|
796 |
= 2.4.2 =
|
797 |
+
* Discontinued the Slide Anything PRO plugin addon. All of the 'Pro' features will now be available within the 'Free' version of the plgin offered on WordPress.org. As ongoing developent and support for the Owl Carousel jQuery library (the engine on which Slide Anything is built) is now discontinued, there is a possibility that at some point in the future the Owl Carousel code will no longer work with the later versions of jQuery that may be bundled with WordPress. But I will endevour to keep the Slide Anything plugin running with WordPress as long as possible.
|
798 |
+
|
799 |
+
= 2.4.3 =
|
800 |
+
* Removed the 'Magnific Popup' JavaScript library, which was used to generate popups for slides as this out-of-date library posed a potential, future security issue. Replaced this library with the 'lightGallery' JavaScript library and have modified the Slide Anything code to use this library now to generate slide popups.
|
801 |
+
|
802 |
+
= 2.4.4 =
|
803 |
+
* Missing JavaScript for the 'lightGallery' plugin 'lightgallery.umd.js' - added in this release.
|
804 |
+
|
805 |
+
= 2.4.5 =
|
806 |
+
* Lets try this again. The SVN commit process keeps corrupting the key 'lightGallery' JavaScript (minified) files. So I've re-minified the source code for 'lightGallery' and hopefully this will work.
|
slide-anything.php
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
* Plugin Name: Slide Anything - Responsive Content / HTML Slider and Carousel
|
4 |
* Plugin URI: https://wordpress.org/plugins/slide-anything/
|
5 |
* Description: Slide Anything allows you to create a carousel/slider where the content for each slide can be anything you want - images, text, HTML, and even shortcodes. This plugin uses the Owl Carousel jQuery plugin, and lets you create beautiful, touch enabled, responsive carousels and sliders.
|
6 |
-
* Version: 2.4.
|
7 |
*
|
8 |
* @package WordPress_Slide_Anything
|
9 |
* @author Simon Edge
|
3 |
* Plugin Name: Slide Anything - Responsive Content / HTML Slider and Carousel
|
4 |
* Plugin URI: https://wordpress.org/plugins/slide-anything/
|
5 |
* Description: Slide Anything allows you to create a carousel/slider where the content for each slide can be anything you want - images, text, HTML, and even shortcodes. This plugin uses the Owl Carousel jQuery plugin, and lets you create beautiful, touch enabled, responsive carousels and sliders.
|
6 |
+
* Version: 2.4.5
|
7 |
*
|
8 |
* @package WordPress_Slide_Anything
|
9 |
* @author Simon Edge
|