Serious Slider - Version 1.2.3

Version Description

  • Added configurable slider shadow effect
  • Improved usability of the "Add new slider" functionality
  • Fixed incorrect RTL behaviour of next/previous slider buttons
  • Fixed notice displayed on frontent when running on PHP 8.0+
Download this release

Release Info

Developer Cryout Creations
Plugin Icon 128x128 Serious Slider
Version 1.2.3
Comparing to
See all releases

Code changes from version 1.2.2 to 1.2.3

Files changed (7) hide show
  1. cryout-serious-slider.php +6 -5
  2. inc/right-column.php +1 -1
  3. inc/shortcodes.php +1 -0
  4. inc/taxmeta.php +18 -1
  5. readme.txt +8 -2
  6. resources/backend.js +7 -5
  7. resources/style.css +84 -3
cryout-serious-slider.php CHANGED
@@ -2,7 +2,7 @@
2
  Plugin Name: Cryout Serious Slider
3
  Plugin URI: https://www.cryoutcreations.eu/wordpress-plugins/cryout-serious-slider
4
  Description: A highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
5
- Version: 1.2.2
6
  Author: Cryout Creations
7
  Author URI: https://www.cryoutcreations.eu
8
  Text Domain: cryout-serious-slider
@@ -15,7 +15,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
15
 
16
  class Cryout_Serious_Slider {
17
 
18
- public $version = "1.2.2";
19
  public $options = array();
20
  public $shortcode_tag = 'serious-slider';
21
  public $mce_tag = 'serious_slider';
@@ -37,14 +37,15 @@ class Cryout_Serious_Slider {
37
  'cryout_serious_slider_width' => '1920', // px
38
  'cryout_serious_slider_height' => '800', // px
39
  'cryout_serious_slider_responsiveness' => 'maintain', // 'legacy', 'maintain'
40
- 'cryout_serious_slider_hidetitles' => 0, // 1 = hide
41
 
42
  'cryout_serious_slider_theme' => 'light', // light, light2, dark, square, tall, captionleft, captionbottom, theme
 
43
  'cryout_serious_slider_overlay' => 1, // 1 = autohide, 2 = visible
44
  'cryout_serious_slider_textsize' => '1.0', // em
45
  'cryout_serious_slider_align' => 'center', // left, center, right, justify
46
  'cryout_serious_slider_caption_width' => '1030',// px
47
- 'cryout_serious_slider_textstyle' => 'textshadow',// none, textshadow, bgcolor
48
  'cryout_serious_slider_accent' => '#2D939F', // color code
49
 
50
  'cryout_serious_slider_autoplay' => 1, // 1 = autoplay
@@ -891,7 +892,7 @@ class Cryout_Serious_Slider {
891
 
892
  <?php
893
  } // inputfield()
894
- function selectfield( $id, $options=array(), $current, $title='', $desc='', $class='', $extra='' ) { ?>
895
  <div class="seriousslider-option seriousslider-option-input">
896
  <span><?php echo $title ?></span>
897
  <select id="<?php echo $id ?>" name="<?php echo $id ?>" class="<?php echo $class ?>">
2
  Plugin Name: Cryout Serious Slider
3
  Plugin URI: https://www.cryoutcreations.eu/wordpress-plugins/cryout-serious-slider
4
  Description: A highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
5
+ Version: 1.2.3
6
  Author: Cryout Creations
7
  Author URI: https://www.cryoutcreations.eu
8
  Text Domain: cryout-serious-slider
15
 
16
  class Cryout_Serious_Slider {
17
 
18
+ public $version = "1.2.3";
19
  public $options = array();
20
  public $shortcode_tag = 'serious-slider';
21
  public $mce_tag = 'serious_slider';
37
  'cryout_serious_slider_width' => '1920', // px
38
  'cryout_serious_slider_height' => '800', // px
39
  'cryout_serious_slider_responsiveness' => 'maintain', // 'legacy', 'maintain'
40
+ 'cryout_serious_slider_hidetitles' => 0, // 1 = hide
41
 
42
  'cryout_serious_slider_theme' => 'light', // light, light2, dark, square, tall, captionleft, captionbottom, theme
43
+ 'cryout_serious_slider_shadow' => 'none', // none, level1, level2, level3, sharp, diffuse, dreamy, shorter, longer
44
  'cryout_serious_slider_overlay' => 1, // 1 = autohide, 2 = visible
45
  'cryout_serious_slider_textsize' => '1.0', // em
46
  'cryout_serious_slider_align' => 'center', // left, center, right, justify
47
  'cryout_serious_slider_caption_width' => '1030',// px
48
+ 'cryout_serious_slider_textstyle'=>'textshadow',// none, textshadow, bgcolor
49
  'cryout_serious_slider_accent' => '#2D939F', // color code
50
 
51
  'cryout_serious_slider_autoplay' => 1, // 1 = autoplay
892
 
893
  <?php
894
  } // inputfield()
895
+ function selectfield( $id=0, $options=array(), $current=false, $title='', $desc='', $class='', $extra='' ) { ?>
896
  <div class="seriousslider-option seriousslider-option-input">
897
  <span><?php echo $title ?></span>
898
  <select id="<?php echo $id ?>" name="<?php echo $id ?>" class="<?php echo $class ?>">
inc/right-column.php CHANGED
@@ -8,7 +8,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
8
  <div id="floater-right">
9
  <div class="col-wrap">
10
  <div class="form-wrap">
11
- <h3 class="hndle"><?php //_e('Usage', 'cryout-serious-slider') ?></h3>
12
  <div class="inside">
13
  <a id="cryout-manage-slides" class="button" href="edit.php?post_type=<?php echo $this->posttype . '&'. $this->taxonomy . '=' . $term_slug ?>"> <?php _e('&laquo; Manage Slides &raquo;', 'cryout-serious-slider') ?></a>
14
  <h3><?php _e('Shortcode', 'cryout-serious-slider') ?></h3>
8
  <div id="floater-right">
9
  <div class="col-wrap">
10
  <div class="form-wrap">
11
+ <h3 class="hndle"> </h3>
12
  <div class="inside">
13
  <a id="cryout-manage-slides" class="button" href="edit.php?post_type=<?php echo $this->posttype . '&'. $this->taxonomy . '=' . $term_slug ?>"> <?php _e('&laquo; Manage Slides &raquo;', 'cryout-serious-slider') ?></a>
14
  <h3><?php _e('Shortcode', 'cryout-serious-slider') ?></h3>
inc/shortcodes.php CHANGED
@@ -88,6 +88,7 @@ class Cryout_Serious_Slider_Shortcode {
88
  $slider_classes = array();
89
  $slider_classes[] = 'seriousslider-overlay' . $overlay;
90
  $slider_classes[] = 'seriousslider-' . $theme;
 
91
  $slider_classes[] = 'seriousslider-responsive-' . $responsiveness;
92
  $slider_classes[] = 'seriousslider-hidetitles-' . $hidetitles;
93
  $slider_classes[] = 'seriousslider-' . $animation;
88
  $slider_classes = array();
89
  $slider_classes[] = 'seriousslider-overlay' . $overlay;
90
  $slider_classes[] = 'seriousslider-' . $theme;
91
+ $slider_classes[] = 'seriousslider-shadow-' . $shadow;
92
  $slider_classes[] = 'seriousslider-responsive-' . $responsiveness;
93
  $slider_classes[] = 'seriousslider-hidetitles-' . $hidetitles;
94
  $slider_classes[] = 'seriousslider-' . $animation;
inc/taxmeta.php CHANGED
@@ -11,7 +11,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
11
 
12
  <div class="seriousslider-new-slider-button">
13
  <a id="new-slider-button" class="button button-primary">
14
- <?php _e( 'Add New Slider', 'cryout-serious-slider' ) ?>
15
  </a>
16
  </div>
17
 
@@ -102,6 +102,23 @@ if ( !defined( 'ABSPATH' ) ) exit;
102
  '',
103
  'short'
104
  );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
105
  echo $this->selectfield(
106
  'term_meta[cryout_serious_slider_overlay]',
107
  array( 0 => __('Always hidden', 'cryout-serious-slider'),
11
 
12
  <div class="seriousslider-new-slider-button">
13
  <a id="new-slider-button" class="button button-primary">
14
+ <?php _e( 'Continue', 'cryout-serious-slider' ) ?>
15
  </a>
16
  </div>
17
 
102
  '',
103
  'short'
104
  );
105
+ echo $this->selectfield(
106
+ 'term_meta[cryout_serious_slider_shadow]',
107
+ array( 'none' => __( 'None', 'cryout-serious-slider' ),
108
+ 'level1' => __( 'Level 1', 'cryout-serious-slider' ),
109
+ 'level2' => __( 'Level 2', 'cryout-serious-slider' ),
110
+ 'level3' => __( 'Level 3', 'cryout-serious-slider' ),
111
+ 'sharp' => __( 'Sharp', 'cryout-serious-slider' ),
112
+ 'diffuse' => __( 'Diffuse', 'cryout-serious-slider' ),
113
+ 'dreamy' => __( 'Dreamy', 'cryout-serious-slider' ),
114
+ 'shorter' => __( 'Shorter', 'cryout-serious-slider' ),
115
+ 'longer' => __( 'Longer', 'cryout-serious-slider' )
116
+ ),
117
+ $the_meta['cryout_serious_slider_shadow'],
118
+ __('Shadow','cryout-serious-slider'),
119
+ '',
120
+ 'short'
121
+ );
122
  echo $this->selectfield(
123
  'term_meta[cryout_serious_slider_overlay]',
124
  array( 0 => __('Always hidden', 'cryout-serious-slider'),
readme.txt CHANGED
@@ -7,8 +7,8 @@ Tags: slider, slideshow, image slider, responsive slider, wordpress slider
7
  Text Domain: cryout-serious-slider
8
  Requires at least: 4.5
9
  Requires PHP: 5.6
10
- Tested up to: 5.7.1
11
- Stable tag: 1.2.2
12
 
13
  Serious Slider is a highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
14
 
@@ -100,6 +100,12 @@ Serious Slider works with all WordPress themes and has been designed to integrat
100
 
101
  == Changelog ==
102
 
 
 
 
 
 
 
103
  = 1.2.2 =
104
  * Fixed jQuery.mobile enqueued with the wrong URL since 1.2.1 on older WordPress releases
105
  * Fixed some deprecation notices about jQuery.fn.bind() with WordPress 5.7
7
  Text Domain: cryout-serious-slider
8
  Requires at least: 4.5
9
  Requires PHP: 5.6
10
+ Tested up to: 5.8.2
11
+ Stable tag: 1.2.3
12
 
13
  Serious Slider is a highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
14
 
100
 
101
  == Changelog ==
102
 
103
+ = 1.2.3 =
104
+ * Added configurable slider shadow effect
105
+ * Improved usability of the "Add new slider" functionality
106
+ * Fixed incorrect RTL behaviour of next/previous slider buttons
107
+ * Fixed notice displayed on frontent when running on PHP 8.0+
108
+
109
  = 1.2.2 =
110
  * Fixed jQuery.mobile enqueued with the wrong URL since 1.2.1 on older WordPress releases
111
  * Fixed some deprecation notices about jQuery.fn.bind() with WordPress 5.7
resources/backend.js CHANGED
@@ -8,16 +8,18 @@ jQuery(document).ready( function() {
8
  jQuery('#the-list').find('input[name="post_password"]').parents('label').parent().hide();
9
  }, 3);
10
  });
 
11
  /* meta color picker */
12
  if (jQuery.isFunction(jQuery.fn.wpColorPicker)) {
13
  jQuery('input[name*="cryout_serious_slider_accent"]').wpColorPicker();
14
  }
15
 
16
- /* 'add new slider' button */
17
  jQuery('body').on('click', '.seriousslider-new-slider-button a#new-slider-button', function() {
18
  jQuery('.seriousslider-new-slider-wrapper').parent().children('.submit').slideDown('fast');
19
- jQuery('.seriousslider-new-slider-button').slideUp( 'fast' );
20
- jQuery('.seriousslider-new-slider-wrapper').slideDown( 'fast' );
 
21
  });
22
 
23
  /*
@@ -118,7 +120,7 @@ jQuery(document).ready(function($){
118
 
119
  /* Image selector */
120
  var custom_uploader;
121
- $('#seriousslider-media').click(function(e) {
122
  e.preventDefault();
123
  /* If the uploader object has already been created, reopen the dialog */
124
  if (custom_uploader) {
@@ -157,7 +159,7 @@ jQuery(document).ready(function($){
157
  });
158
 
159
  jQuery(document).ready(function($){
160
- jQuery('body').on('click', '.button.media-serious-slider-button', function() {
161
  tinymceActive = (typeof tinyMCE != 'undefined') && tinyMCE.activeEditor && !tinyMCE.activeEditor.isHidden();
162
  if ( tinymceActive ) {
163
  window.tinymce.activeEditor.execCommand('serious_slider_popup','',{});
8
  jQuery('#the-list').find('input[name="post_password"]').parents('label').parent().hide();
9
  }, 3);
10
  });
11
+
12
  /* meta color picker */
13
  if (jQuery.isFunction(jQuery.fn.wpColorPicker)) {
14
  jQuery('input[name*="cryout_serious_slider_accent"]').wpColorPicker();
15
  }
16
 
17
+ /* 'continue' button */
18
  jQuery('body').on('click', '.seriousslider-new-slider-button a#new-slider-button', function() {
19
  jQuery('.seriousslider-new-slider-wrapper').parent().children('.submit').slideDown('fast');
20
+ jQuery('.seriousslider-new-slider-button').slideUp( 1, function() {
21
+ jQuery('.seriousslider-new-slider-wrapper').slideDown( 350 );
22
+ });
23
  });
24
 
25
  /*
120
 
121
  /* Image selector */
122
  var custom_uploader;
123
+ $('#seriousslider-media').on( 'click', function(e) {
124
  e.preventDefault();
125
  /* If the uploader object has already been created, reopen the dialog */
126
  if (custom_uploader) {
159
  });
160
 
161
  jQuery(document).ready(function($){
162
+ jQuery('body').on( 'click', '.button.media-serious-slider-button', function() {
163
  tinymceActive = (typeof tinyMCE != 'undefined') && tinyMCE.activeEditor && !tinyMCE.activeEditor.isHidden();
164
  if ( tinymceActive ) {
165
  window.tinymce.activeEditor.execCommand('serious_slider_popup','',{});
resources/style.css CHANGED
@@ -1228,9 +1228,9 @@
1228
  left: 0;
1229
  }
1230
 
1231
- .seriousslider-captionleft .seriousslider-control.right {
1232
- right: 0;
1233
- }
1234
 
1235
  .seriousslider-captionleft .seriousslider-control:hover {
1236
  opacity: 1;
@@ -1682,6 +1682,74 @@
1682
  box-decoration-break: clone;
1683
  }
1684
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1685
 
1686
  /*********************
1687
  # LOADERS
@@ -1778,6 +1846,19 @@
1778
  /*********************
1779
  # RTL
1780
  **********************/
 
 
 
 
 
 
 
 
 
 
 
 
 
1781
  .rtl .seriousslider-inner > .item img.item-image {
1782
  left: auto;
1783
  right: 50%;
1228
  left: 0;
1229
  }
1230
 
1231
+ .seriousslider-captionleft .seriousslider-control.right {
1232
+ right: 0;
1233
+ }
1234
 
1235
  .seriousslider-captionleft .seriousslider-control:hover {
1236
  opacity: 1;
1682
  box-decoration-break: clone;
1683
  }
1684
 
1685
+ /*********************
1686
+ # SHADOW STYLES
1687
+ **********************/
1688
+
1689
+ .seriousslider-shadow-level1 {
1690
+ box-shadow: 0 1px 1px rgba(0,0,0,0.15),
1691
+ 0 2px 2px rgba(0,0,0,0.15),
1692
+ 0 4px 4px rgba(0,0,0,0.15),
1693
+ 0 8px 8px rgba(0,0,0,0.15);
1694
+ }
1695
+
1696
+ .seriousslider-shadow-level2 {
1697
+ box-shadow: 0 1px 1px rgba(0,0,0,0.12),
1698
+ 0 2px 2px rgba(0,0,0,0.12),
1699
+ 0 4px 4px rgba(0,0,0,0.12),
1700
+ 0 8px 8px rgba(0,0,0,0.12),
1701
+ 0 16px 16px rgba(0,0,0,0.12);
1702
+ }
1703
+
1704
+ .seriousslider-shadow-level3 {
1705
+ box-shadow: 0 1px 1px rgba(0,0,0,0.11),
1706
+ 0 2px 2px rgba(0,0,0,0.11),
1707
+ 0 4px 4px rgba(0,0,0,0.11),
1708
+ 0 8px 8px rgba(0,0,0,0.11),
1709
+ 0 16px 16px rgba(0,0,0,0.11),
1710
+ 0 32px 32px rgba(0,0,0,0.11);
1711
+ }
1712
+
1713
+ .seriousslider-shadow-sharp {
1714
+ box-shadow: 0 1px 1px rgba(0,0,0,0.25),
1715
+ 0 2px 2px rgba(0,0,0,0.20),
1716
+ 0 4px 4px rgba(0,0,0,0.15),
1717
+ 0 8px 8px rgba(0,0,0,0.10),
1718
+ 0 16px 16px rgba(0,0,0,0.05);
1719
+ }
1720
+
1721
+ .seriousslider-shadow-diffuse {
1722
+ box-shadow: 0 1px 1px rgba(0,0,0,0.08),
1723
+ 0 2px 2px rgba(0,0,0,0.12),
1724
+ 0 4px 4px rgba(0,0,0,0.16),
1725
+ 0 8px 8px rgba(0,0,0,0.20);
1726
+ }
1727
+
1728
+ .seriousslider-shadow-dreamy {
1729
+ box-shadow: 0 1px 2px rgba(0,0,0,0.07),
1730
+ 0 2px 4px rgba(0,0,0,0.07),
1731
+ 0 4px 8px rgba(0,0,0,0.07),
1732
+ 0 8px 16px rgba(0,0,0,0.07),
1733
+ 0 16px 32px rgba(0,0,0,0.07),
1734
+ 0 32px 64px rgba(0,0,0,0.07);
1735
+ }
1736
+
1737
+ .seriousslider-shadow-shorter {
1738
+ box-shadow: 0 1px 1px rgba(0,0,0,0.11),
1739
+ 0 2px 2px rgba(0,0,0,0.11),
1740
+ 0 4px 4px rgba(0,0,0,0.11),
1741
+ 0 6px 8px rgba(0,0,0,0.11),
1742
+ 0 8px 16px rgba(0,0,0,0.11);
1743
+ }
1744
+
1745
+ .seriousslider-shadow-longer {
1746
+ box-shadow: 0 2px 1px rgba(0,0,0,0.09),
1747
+ 0 4px 2px rgba(0,0,0,0.09),
1748
+ 0 8px 4px rgba(0,0,0,0.09),
1749
+ 0 16px 8px rgba(0,0,0,0.09),
1750
+ 0 32px 16px rgba(0,0,0,0.09);
1751
+ }
1752
+
1753
 
1754
  /*********************
1755
  # LOADERS
1846
  /*********************
1847
  # RTL
1848
  **********************/
1849
+
1850
+ .rtl .seriousslider-control.left {
1851
+ left: auto;
1852
+ right: 0;
1853
+ transform: rotate(180deg);
1854
+ }
1855
+
1856
+ .rtl .seriousslider-control.right {
1857
+ right: auto;
1858
+ left: 0;
1859
+ transform: rotate(180deg);
1860
+ }
1861
+
1862
  .rtl .seriousslider-inner > .item img.item-image {
1863
  left: auto;
1864
  right: 50%;