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

Version Description

  • Small enhancement - The Slide Anything container is now set to hidden (visibility:hidden) until all the slides have been displayed and owl-carousel JavaScript code executed, then the SA container is set to visible (visibility:visible). This presents a cleaner page loading experience without the individual slide containers (DIVS) sometimes being displayed (even for a fraction of a second) prior to slider initialisation.

=

Download this release

Release Info

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

Code changes from version 2.1.18 to 2.1.19

Files changed (6) hide show
  1. images/lazy_load.gif +0 -0
  2. owl-carousel/owl.video.play.png +0 -0
  3. owl-carousel/sa-owl-theme.css +0 -4
  4. php/slide-anything-frontend.php +4 -4
  5. readme.txt +7 -1
  6. slide-anything.php +1 -1
images/lazy_load.gif DELETED
Binary file
owl-carousel/owl.video.play.png ADDED
Binary file
owl-carousel/sa-owl-theme.css CHANGED
@@ -174,10 +174,6 @@
174
  .black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
175
  background-color:rgba(255,255,255,0.8) !important;
176
  }
177
- /* LAZY LOAD SETTING ENABLED */
178
- .lazy-load .owl-item {
179
- background:transparent url('../images/lazy_load.gif') no-repeat center;
180
- }
181
 
182
  /* MAGNIFIC POPUP */
183
  .sa_custom_popup {
174
  .black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
175
  background-color:rgba(255,255,255,0.8) !important;
176
  }
 
 
 
 
177
 
178
  /* MAGNIFIC POPUP */
179
  .sa_custom_popup {
php/slide-anything-frontend.php CHANGED
@@ -312,10 +312,7 @@ function slide_anything_shortcode($atts) {
312
  $additional_classes = "autohide-arrows";
313
  }
314
  }
315
- if ($slide_data['lazy_load_images'] == '1') {
316
- $additional_classes .= " lazy-load";
317
- }
318
- $output .= "<div id='".esc_attr($slide_data['css_id'])."' class='owl-carousel sa_owl_theme ".$additional_classes."'>\n";
319
  if ($sa_pro_version) {
320
  // PRO VERSION - INITIALISE VAIRABLES FOR MAGNIFIC POPUP
321
  $lightbox_function = "open_lightbox_gallery_".$slide_data['css_id'];
@@ -554,6 +551,9 @@ function slide_anything_shortcode($atts) {
554
  $output .= " touchDrag : ".esc_attr($slide_data['touch_drag'])."\n";
555
  $output .= " });\n";
556
 
 
 
 
557
  // JAVASCRIPT 'WINDOW RESIZE' EVENT TO SET CSS 'min-height' OF SLIDES WITHIN THIS SLIDER
558
  $slide_min_height = $slide_data['slide_min_height_perc'];
559
  if (strpos($slide_min_height, 'px') !== false) {
312
  $additional_classes = "autohide-arrows";
313
  }
314
  }
315
+ $output .= "<div id='".esc_attr($slide_data['css_id'])."' class='owl-carousel sa_owl_theme ".$additional_classes."' style='visibility:hidden;'>\n";
 
 
 
316
  if ($sa_pro_version) {
317
  // PRO VERSION - INITIALISE VAIRABLES FOR MAGNIFIC POPUP
318
  $lightbox_function = "open_lightbox_gallery_".$slide_data['css_id'];
551
  $output .= " touchDrag : ".esc_attr($slide_data['touch_drag'])."\n";
552
  $output .= " });\n";
553
 
554
+ // MAKE SLIDER VISIBLE (AFTER 'WINDOW ONLOAD' OR 'DOCUMENT READY' EVENT)
555
+ $output .= " jQuery('#".esc_attr($slide_data['css_id'])."').css('visibility', 'visible');\n";
556
+
557
  // JAVASCRIPT 'WINDOW RESIZE' EVENT TO SET CSS 'min-height' OF SLIDES WITHIN THIS SLIDER
558
  $slide_min_height = $slide_data['slide_min_height_perc'];
559
  if (strpos($slide_min_height, 'px') !== false) {
readme.txt CHANGED
@@ -242,6 +242,9 @@ The `SLIDE STYLE` settings are the style settings for each individual slide with
242
  = 2.1.18 =
243
  * Bug Fix - There was an issue on mobile phones when autoplay is disabled, and when you swipe to change current slide then autoplay starts up. This has now been fixed.
244
 
 
 
 
245
  == Upgrade Notice ==
246
 
247
  = 1.0 =
@@ -397,4 +400,7 @@ The `SLIDE STYLE` settings are the style settings for each individual slide with
397
  * Added a new feature to facilitate owl-carousel 'Lazy Load' images. With this feature enabled, slide images (<img> tags) are only loaded when the relevant slides are displayed (all of the slider's images are NOT loaded up-front).
398
 
399
  = 2.1.18 =
400
- * Bug Fix - There was an issue on mobile phones when autoplay is disabled, and when you swipe to change current slide then autoplay starts up. This has now been fixed.
 
 
 
242
  = 2.1.18 =
243
  * Bug Fix - There was an issue on mobile phones when autoplay is disabled, and when you swipe to change current slide then autoplay starts up. This has now been fixed.
244
 
245
+ = 2.1.19 =
246
+ * Small enhancement - The Slide Anything container is now set to hidden (visibility:hidden) until all the slides have been displayed and owl-carousel JavaScript code executed, then the SA container is set to visible (visibility:visible). This presents a cleaner page loading experience without the individual slide containers (DIVS) sometimes being displayed (even for a fraction of a second) prior to slider initialisation.
247
+
248
  == Upgrade Notice ==
249
 
250
  = 1.0 =
400
  * Added a new feature to facilitate owl-carousel 'Lazy Load' images. With this feature enabled, slide images (<img> tags) are only loaded when the relevant slides are displayed (all of the slider's images are NOT loaded up-front).
401
 
402
  = 2.1.18 =
403
+ * Bug Fix - There was an issue on mobile phones when autoplay is disabled, and when you swipe to change current slide then autoplay starts up. This has now been fixed.
404
+
405
+ = 2.1.19 =
406
+ * Small enhancement - The Slide Anything container is now set to hidden (visibility:hidden) until all the slides have been displayed and owl-carousel JavaScript code executed, then the SA container is set to visible (visibility:visible). This presents a cleaner page loading experience without the individual slide containers (DIVS) sometimes being displayed (even for a fraction of a second) prior to slider initialisation.
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.18
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.19
8
  * License: GPLv2 or later
9
  */
10