Slide Anything – Responsive Content / HTML Slider and Carousel - Version 2.1.16

Version Description

  • Small bug fix that relates to Slide Anything PRO only: Sliders with 'autoplay' enabled were re-starting autoplay when popups were closed.

=

Download this release

Release Info

Developer simonpedge
Plugin Icon 128x128 Slide Anything – Responsive Content / HTML Slider and Carousel
Version 2.1.16
Comparing to
See all releases

Code changes from version 2.1.15 to 2.1.16

Files changed (4) hide show
  1. owl-carousel/owl.carousel.css +189 -186
  2. php/slide-anything-frontend.php +10 -8
  3. readme.txt +7 -1
  4. slide-anything.php +1 -1
owl-carousel/owl.carousel.css CHANGED
@@ -1,186 +1,189 @@
1
- /**
2
- * Owl Carousel v2.3.4
3
- * Copyright 2013-2018 David Deutsch
4
- * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5
- */
6
- /*
7
- * Owl Carousel - Core
8
- */
9
- .owl-carousel {
10
- display: none;
11
- width: 100%;
12
- -webkit-tap-highlight-color: transparent;
13
- /* position relative and z-index fix webkit rendering fonts issue */
14
- position: relative;
15
- z-index: 1; }
16
- .owl-carousel .owl-stage {
17
- position: relative;
18
- -ms-touch-action: pan-Y;
19
- touch-action: manipulation;
20
- -moz-backface-visibility: hidden;
21
- /* fix firefox animation glitch */ }
22
- .owl-carousel .owl-stage:after {
23
- content: ".";
24
- display: block;
25
- clear: both;
26
- visibility: hidden;
27
- line-height: 0;
28
- height: 0; }
29
- .owl-carousel .owl-stage-outer {
30
- position: relative;
31
- overflow: hidden;
32
- /* fix for flashing background */
33
- -webkit-transform: translate3d(0px, 0px, 0px); }
34
- .owl-carousel .owl-wrapper,
35
- .owl-carousel .owl-item {
36
- -webkit-backface-visibility: hidden;
37
- -moz-backface-visibility: hidden;
38
- -ms-backface-visibility: hidden;
39
- -webkit-transform: translate3d(0, 0, 0);
40
- -moz-transform: translate3d(0, 0, 0);
41
- -ms-transform: translate3d(0, 0, 0); }
42
- .owl-carousel .owl-item {
43
- position: relative;
44
- min-height: 1px;
45
- float: left;
46
- -webkit-backface-visibility: hidden;
47
- -webkit-tap-highlight-color: transparent;
48
- -webkit-touch-callout: none; }
49
- .owl-carousel .owl-item img {
50
- display: block;
51
- width: 100%; }
52
- .owl-carousel .owl-nav.disabled,
53
- .owl-carousel .owl-dots.disabled {
54
- display: none; }
55
- .owl-carousel .owl-nav .owl-prev,
56
- .owl-carousel .owl-nav .owl-next,
57
- .owl-carousel .owl-dot {
58
- cursor: pointer;
59
- -webkit-user-select: none;
60
- -khtml-user-select: none;
61
- -moz-user-select: none;
62
- -ms-user-select: none;
63
- user-select: none; }
64
- .owl-carousel .owl-nav button.owl-prev,
65
- .owl-carousel .owl-nav button.owl-next,
66
- .owl-carousel button.owl-dot {
67
- background: none;
68
- color: inherit;
69
- border: none;
70
- padding: 0 !important;
71
- font: inherit; }
72
- .owl-carousel.owl-loaded {
73
- display: block; }
74
- .owl-carousel.owl-loading {
75
- opacity: 0;
76
- display: block; }
77
- .owl-carousel.owl-hidden {
78
- opacity: 0; }
79
- .owl-carousel.owl-refresh .owl-item {
80
- visibility: hidden; }
81
- .owl-carousel.owl-drag .owl-item {
82
- -ms-touch-action: pan-y;
83
- touch-action: pan-y;
84
- -webkit-user-select: none;
85
- -moz-user-select: none;
86
- -ms-user-select: none;
87
- user-select: none; }
88
- .owl-carousel.owl-grab {
89
- cursor: move;
90
- cursor: grab; }
91
- .owl-carousel.owl-rtl {
92
- direction: rtl; }
93
- .owl-carousel.owl-rtl .owl-item {
94
- float: right; }
95
-
96
- /* No Js */
97
- .no-js .owl-carousel {
98
- display: block; }
99
-
100
- /*
101
- * Owl Carousel - Animate Plugin
102
- */
103
- .owl-carousel .animated {
104
- animation-duration: 1000ms;
105
- animation-fill-mode: both; }
106
-
107
- .owl-carousel .owl-animated-in {
108
- z-index: 0; }
109
-
110
- .owl-carousel .owl-animated-out {
111
- z-index: 1; }
112
-
113
- .owl-carousel .fadeOut {
114
- animation-name: fadeOut; }
115
-
116
- @keyframes fadeOut {
117
- 0% {
118
- opacity: 1; }
119
- 100% {
120
- opacity: 0; } }
121
-
122
- /*
123
- * Owl Carousel - Auto Height Plugin
124
- */
125
- .owl-height {
126
- transition: height 500ms ease-in-out; }
127
-
128
- /*
129
- * Owl Carousel - Lazy Load Plugin
130
- */
131
- .owl-carousel .owl-item {
132
- /**
133
- This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
134
- calculation of the height of the owl-item that breaks page layouts
135
- */ }
136
- .owl-carousel .owl-item .owl-lazy {
137
- opacity: 0;
138
- transition: opacity 400ms ease; }
139
- .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
140
- max-height: 0; }
141
- .owl-carousel .owl-item img.owl-lazy {
142
- transform-style: preserve-3d; }
143
-
144
- /*
145
- * Owl Carousel - Video Plugin
146
- */
147
- .owl-carousel .owl-video-wrapper {
148
- position: relative;
149
- height: 100%;
150
- background: #000; }
151
-
152
- .owl-carousel .owl-video-play-icon {
153
- position: absolute;
154
- height: 80px;
155
- width: 80px;
156
- left: 50%;
157
- top: 50%;
158
- margin-left: -40px;
159
- margin-top: -40px;
160
- background: url("owl.video.play.png") no-repeat;
161
- cursor: pointer;
162
- z-index: 1;
163
- -webkit-backface-visibility: hidden;
164
- transition: transform 100ms ease; }
165
-
166
- .owl-carousel .owl-video-play-icon:hover {
167
- -ms-transform: scale(1.3, 1.3);
168
- transform: scale(1.3, 1.3); }
169
-
170
- .owl-carousel .owl-video-playing .owl-video-tn,
171
- .owl-carousel .owl-video-playing .owl-video-play-icon {
172
- display: none; }
173
-
174
- .owl-carousel .owl-video-tn {
175
- opacity: 0;
176
- height: 100%;
177
- background-position: center center;
178
- background-repeat: no-repeat;
179
- background-size: contain;
180
- transition: opacity 400ms ease; }
181
-
182
- .owl-carousel .owl-video-frame {
183
- position: relative;
184
- z-index: 1;
185
- height: 100%;
186
- width: 100%; }
 
 
 
1
+ /**
2
+ * Owl Carousel v2.3.4
3
+ * Copyright 2013-2018 David Deutsch
4
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5
+ */
6
+ /*
7
+ * Owl Carousel - Core
8
+ */
9
+ .owl-carousel {
10
+ display: none;
11
+ width: 100%;
12
+ -webkit-tap-highlight-color: transparent;
13
+ /* position relative and z-index fix webkit rendering fonts issue */
14
+ position: relative;
15
+ z-index: 1; }
16
+ .owl-carousel .owl-stage {
17
+ position: relative;
18
+ -ms-touch-action: pan-Y;
19
+ touch-action: manipulation;
20
+ -moz-backface-visibility: hidden;
21
+ /* fix firefox animation glitch */ }
22
+ .owl-carousel .owl-stage:after {
23
+ content: ".";
24
+ display: block;
25
+ clear: both;
26
+ visibility: hidden;
27
+ line-height: 0;
28
+ height: 0; }
29
+ .owl-carousel .owl-stage-outer {
30
+ position: relative;
31
+ overflow: hidden;
32
+ /* fix for flashing background */
33
+ -webkit-transform: translate3d(0px, 0px, 0px); }
34
+ .owl-carousel .owl-wrapper,
35
+ .owl-carousel .owl-item {
36
+ -webkit-backface-visibility: hidden;
37
+ -moz-backface-visibility: hidden;
38
+ -ms-backface-visibility: hidden;
39
+ -webkit-transform: translate3d(0, 0, 0);
40
+ -moz-transform: translate3d(0, 0, 0);
41
+ -ms-transform: translate3d(0, 0, 0); }
42
+ .owl-carousel .owl-item {
43
+ position: relative;
44
+ min-height: 1px;
45
+ float: left;
46
+ -webkit-backface-visibility: hidden;
47
+ -webkit-tap-highlight-color: transparent;
48
+ -webkit-touch-callout: none; }
49
+ /* CHANGED CSS STYLE USED FOR SLIDE IMAGES - SLIDE ANYTHING (SIMON EDGE) - 26/02/2018 */
50
+ .owl-carousel .owl-item img {
51
+ display: inline;
52
+ width: auto;
53
+ height: auto;
54
+ max-width: 100%; }
55
+ .owl-carousel .owl-nav.disabled,
56
+ .owl-carousel .owl-dots.disabled {
57
+ display: none; }
58
+ .owl-carousel .owl-nav .owl-prev,
59
+ .owl-carousel .owl-nav .owl-next,
60
+ .owl-carousel .owl-dot {
61
+ cursor: pointer;
62
+ -webkit-user-select: none;
63
+ -khtml-user-select: none;
64
+ -moz-user-select: none;
65
+ -ms-user-select: none;
66
+ user-select: none; }
67
+ .owl-carousel .owl-nav button.owl-prev,
68
+ .owl-carousel .owl-nav button.owl-next,
69
+ .owl-carousel button.owl-dot {
70
+ background: none;
71
+ color: inherit;
72
+ border: none;
73
+ padding: 0 !important;
74
+ font: inherit; }
75
+ .owl-carousel.owl-loaded {
76
+ display: block; }
77
+ .owl-carousel.owl-loading {
78
+ opacity: 0;
79
+ display: block; }
80
+ .owl-carousel.owl-hidden {
81
+ opacity: 0; }
82
+ .owl-carousel.owl-refresh .owl-item {
83
+ visibility: hidden; }
84
+ .owl-carousel.owl-drag .owl-item {
85
+ -ms-touch-action: pan-y;
86
+ touch-action: pan-y;
87
+ -webkit-user-select: none;
88
+ -moz-user-select: none;
89
+ -ms-user-select: none;
90
+ user-select: none; }
91
+ .owl-carousel.owl-grab {
92
+ cursor: move;
93
+ cursor: grab; }
94
+ .owl-carousel.owl-rtl {
95
+ direction: rtl; }
96
+ .owl-carousel.owl-rtl .owl-item {
97
+ float: right; }
98
+
99
+ /* No Js */
100
+ .no-js .owl-carousel {
101
+ display: block; }
102
+
103
+ /*
104
+ * Owl Carousel - Animate Plugin
105
+ */
106
+ .owl-carousel .animated {
107
+ animation-duration: 1000ms;
108
+ animation-fill-mode: both; }
109
+
110
+ .owl-carousel .owl-animated-in {
111
+ z-index: 0; }
112
+
113
+ .owl-carousel .owl-animated-out {
114
+ z-index: 1; }
115
+
116
+ .owl-carousel .fadeOut {
117
+ animation-name: fadeOut; }
118
+
119
+ @keyframes fadeOut {
120
+ 0% {
121
+ opacity: 1; }
122
+ 100% {
123
+ opacity: 0; } }
124
+
125
+ /*
126
+ * Owl Carousel - Auto Height Plugin
127
+ */
128
+ .owl-height {
129
+ transition: height 500ms ease-in-out; }
130
+
131
+ /*
132
+ * Owl Carousel - Lazy Load Plugin
133
+ */
134
+ .owl-carousel .owl-item {
135
+ /**
136
+ This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
137
+ calculation of the height of the owl-item that breaks page layouts
138
+ */ }
139
+ .owl-carousel .owl-item .owl-lazy {
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: 0; }
144
+ .owl-carousel .owl-item img.owl-lazy {
145
+ transform-style: preserve-3d; }
146
+
147
+ /*
148
+ * Owl Carousel - Video Plugin
149
+ */
150
+ .owl-carousel .owl-video-wrapper {
151
+ position: relative;
152
+ height: 100%;
153
+ background: #000; }
154
+
155
+ .owl-carousel .owl-video-play-icon {
156
+ position: absolute;
157
+ height: 80px;
158
+ width: 80px;
159
+ left: 50%;
160
+ top: 50%;
161
+ margin-left: -40px;
162
+ margin-top: -40px;
163
+ background: url("owl.video.play.png") no-repeat;
164
+ cursor: pointer;
165
+ z-index: 1;
166
+ -webkit-backface-visibility: hidden;
167
+ transition: transform 100ms ease; }
168
+
169
+ .owl-carousel .owl-video-play-icon:hover {
170
+ -ms-transform: scale(1.3, 1.3);
171
+ transform: scale(1.3, 1.3); }
172
+
173
+ .owl-carousel .owl-video-playing .owl-video-tn,
174
+ .owl-carousel .owl-video-playing .owl-video-play-icon {
175
+ display: none; }
176
+
177
+ .owl-carousel .owl-video-tn {
178
+ opacity: 0;
179
+ height: 100%;
180
+ background-position: center center;
181
+ background-repeat: no-repeat;
182
+ background-size: contain;
183
+ transition: opacity 400ms ease; }
184
+
185
+ .owl-carousel .owl-video-frame {
186
+ position: relative;
187
+ z-index: 1;
188
+ height: 100%;
189
+ width: 100%; }
php/slide-anything-frontend.php CHANGED
@@ -644,14 +644,16 @@ function slide_anything_shortcode($atts) {
644
  $output .= " mainClass: 'sa_popup',\n";
645
  $output .= " closeBtnInside: true,\n";
646
  $output .= " fixedContentPos: true,\n";
647
- $output .= " callbacks: {\n";
648
- $output .= " open: function() {\n";
649
- $output .= " jQuery('#".esc_attr($slide_data['css_id'])."').trigger('stop.owl.autoplay');\n";
650
- $output .= " },\n";
651
- $output .= " close: function() {\n";
652
- $output .= " jQuery('#".esc_attr($slide_data['css_id'])."').trigger('play.owl.autoplay');\n";
653
- $output .= " }\n";
654
- $output .= " },\n";
 
 
655
  $output .= " type: 'image'\n";
656
  $output .= " });\n";
657
  $output .= "});\n";
644
  $output .= " mainClass: 'sa_popup',\n";
645
  $output .= " closeBtnInside: true,\n";
646
  $output .= " fixedContentPos: true,\n";
647
+ if ($slide_data['slide_duration'] != 0) {
648
+ $output .= " callbacks: {\n";
649
+ $output .= " open: function() {\n";
650
+ $output .= " jQuery('#".esc_attr($slide_data['css_id'])."').trigger('stop.owl.autoplay');\n";
651
+ $output .= " },\n";
652
+ $output .= " close: function() {\n";
653
+ $output .= " jQuery('#".esc_attr($slide_data['css_id'])."').trigger('play.owl.autoplay');\n";
654
+ $output .= " }\n";
655
+ $output .= " },\n";
656
+ }
657
  $output .= " type: 'image'\n";
658
  $output .= " });\n";
659
  $output .= "});\n";
readme.txt CHANGED
@@ -232,6 +232,9 @@ The `SLIDE STYLE` settings are the style settings for each individual slide with
232
  = 2.1.15 =
233
  * Upgraded to the latest version of Owl Carousel (version 2.3.4). Set the 'Mouse Drag' option to disabled by default. Mouse dragging when enabled affects vertical touch-drag scrolling on mobile devices.
234
 
 
 
 
235
  == Upgrade Notice ==
236
 
237
  = 1.0 =
@@ -378,4 +381,7 @@ The `SLIDE STYLE` settings are the style settings for each individual slide with
378
  * Bug fix - Fixed a small bug with the "Remove JavaScript Content" feature.
379
 
380
  = 2.1.15 =
381
- * Upgraded to the latest version of Owl Carousel (version 2.3.4). Set the 'Mouse Drag' option to disabled by default. Mouse dragging when enabled affects vertical touch-drag scrolling on mobile devices.
 
 
 
232
  = 2.1.15 =
233
  * Upgraded to the latest version of Owl Carousel (version 2.3.4). Set the 'Mouse Drag' option to disabled by default. Mouse dragging when enabled affects vertical touch-drag scrolling on mobile devices.
234
 
235
+ = 2.1.16 =
236
+ * Small bug fix that relates to Slide Anything PRO only: Sliders with 'autoplay' enabled were re-starting autoplay when popups were closed.
237
+
238
  == Upgrade Notice ==
239
 
240
  = 1.0 =
381
  * Bug fix - Fixed a small bug with the "Remove JavaScript Content" feature.
382
 
383
  = 2.1.15 =
384
+ * Upgraded to the latest version of Owl Carousel (version 2.3.4). Set the 'Mouse Drag' option to disabled by default. Mouse dragging when enabled affects vertical touch-drag scrolling on mobile devices.
385
+
386
+ = 2.1.16 =
387
+ * Small bug fix that relates to Slide Anything PRO only: Sliders with 'autoplay' enabled were re-starting autoplay when popups were closed.
slide-anything.php CHANGED
@@ -4,7 +4,7 @@
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
  * Author: Simon Edge
7
- * Version: 2.1.15
8
  * License: GPLv2 or later
9
  */
10
 
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
  * Author: Simon Edge
7
+ * Version: 2.1.16
8
  * License: GPLv2 or later
9
  */
10