Cyclone Slider - Version 2.7.4

Version Description

  • 2013-10-01 =
  • Fix. Fix dynamic height for templates.
  • Change. Added RTL support and sanitize output in templates.
Download this release

Release Info

Developer kosinix
Plugin Icon 128x128 Cyclone Slider
Version 2.7.4
Comparing to
See all releases

Code changes from version 2.7.3 to 2.7.4

Files changed (13) hide show
  1. README.txt +11 -2
  2. cyclone-slider.php +2 -4
  3. templates/dark/script.js +1 -1
  4. templates/dark/slider.php +5 -5
  5. templates/default/script.js +1 -1
  6. templates/default/slider.php +16 -13
  7. templates/default/style.css +24 -7
  8. templates/standard/script.js +1 -1
  9. templates/standard/slider.php +8 -8
  10. templates/standard/style.css +9 -7
  11. templates/thumbnails/script.js +1 -1
  12. templates/thumbnails/slider.php +45 -25
  13. templates/thumbnails/style.css +20 -7
README.txt CHANGED
@@ -99,7 +99,11 @@ Inside your current active theme create a folder named "cycloneslider". Add your
99
 
100
  == Changelog ==
101
 
102
- = 2.7.3 - 2013-09-27 =
 
 
 
 
103
  * Fix. Fix issue on Default template where caption is not visible on images that are taller than the slider.
104
  * Change. Returned slider auto height from sentinel to ratio for wider support and backward compatibility.
105
  * Change. Updated screenshots for wordpress.org.
@@ -261,7 +265,12 @@ Inside your current active theme create a folder named "cycloneslider". Add your
261
 
262
  == Upgrade Notice ==
263
 
264
- = 2.7.3 - 2013-09-27 =
 
 
 
 
 
265
  * Fix. Fix issue on Default template where caption is not visible on images that are taller than the slider.
266
  * Change. Returned slider auto height from sentinel to ratio for wider support and backward compatibility.
267
  * Change. Updated screenshots for wordpress.org.
99
 
100
  == Changelog ==
101
 
102
+ = 2.7.4 - 2013-10-01 =
103
+ * Fix. Fix dynamic height for templates.
104
+ * Change. Added RTL support and sanitize output in templates.
105
+
106
+ = 2.7.3 - 2013-09-28 =
107
  * Fix. Fix issue on Default template where caption is not visible on images that are taller than the slider.
108
  * Change. Returned slider auto height from sentinel to ratio for wider support and backward compatibility.
109
  * Change. Updated screenshots for wordpress.org.
265
 
266
  == Upgrade Notice ==
267
 
268
+ = 2.7.4 - 2013-10-01 =
269
+ * Fix. Fix dynamic height for templates.
270
+ * Fix. Fix video slide made it fluid.
271
+ * Change. Added RTL support and sanitize output in templates.
272
+
273
+ = 2.7.3 - 2013-09-28 =
274
  * Fix. Fix issue on Default template where caption is not visible on images that are taller than the slider.
275
  * Change. Returned slider auto height from sentinel to ratio for wider support and backward compatibility.
276
  * Change. Updated screenshots for wordpress.org.
cyclone-slider.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Cyclone Slider 2
4
  Plugin URI: http://www.codefleet.net/cyclone-slider-pro/
5
  Description: Create and manage sliders with ease. Built for both casual users and developers.
6
- Version: 2.7.3
7
  Author: Nico Amarilla
8
  Author URI: http://www.codefleet.net/
9
  License:
@@ -25,7 +25,7 @@ License:
25
 
26
  */
27
  if(!defined('CYCLONE_VERSION')){
28
- define('CYCLONE_VERSION', '2.7.3' );
29
  }
30
  if(!defined('CYCLONE_PATH')){
31
  define('CYCLONE_PATH', realpath(plugin_dir_path(__FILE__)) . DIRECTORY_SEPARATOR );
@@ -104,8 +104,6 @@ $cyclone_slider_settings_page->set_menu_slug('cycloneslider-settings');
104
  $cyclone_slider_youtube = new Cyclone_Slider_Youtube();
105
  $cyclone_slider_vimeo = new Cyclone_Slider_Vimeo();
106
 
107
-
108
-
109
  $cyclone_slider_scripts = new Cyclone_Slider_Scripts( $cyclone_slider_templates_manager, $cyclone_slider_settings_page->get_settings_data() );
110
 
111
  $cyclone_slider_admin = new Cyclone_Slider_Admin( $codefleet_view, $cyclone_slider_scripts, $cyclone_slider_templates_manager, $cyclone_slider_data, $cyclone_slider_settings_page->get_settings_data() );
3
  Plugin Name: Cyclone Slider 2
4
  Plugin URI: http://www.codefleet.net/cyclone-slider-pro/
5
  Description: Create and manage sliders with ease. Built for both casual users and developers.
6
+ Version: 2.7.4
7
  Author: Nico Amarilla
8
  Author URI: http://www.codefleet.net/
9
  License:
25
 
26
  */
27
  if(!defined('CYCLONE_VERSION')){
28
+ define('CYCLONE_VERSION', '2.7.4' );
29
  }
30
  if(!defined('CYCLONE_PATH')){
31
  define('CYCLONE_PATH', realpath(plugin_dir_path(__FILE__)) . DIRECTORY_SEPARATOR );
104
  $cyclone_slider_youtube = new Cyclone_Slider_Youtube();
105
  $cyclone_slider_vimeo = new Cyclone_Slider_Vimeo();
106
 
 
 
107
  $cyclone_slider_scripts = new Cyclone_Slider_Scripts( $cyclone_slider_templates_manager, $cyclone_slider_settings_page->get_settings_data() );
108
 
109
  $cyclone_slider_admin = new Cyclone_Slider_Admin( $codefleet_view, $cyclone_slider_scripts, $cyclone_slider_templates_manager, $cyclone_slider_data, $cyclone_slider_settings_page->get_settings_data() );
templates/dark/script.js CHANGED
@@ -5,7 +5,7 @@
5
  jQuery(document).on('cycle-before', slides_selector, function( event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
6
  var slide = jQuery( outgoingSlideEl ); /* Current slide */
7
 
8
- if(optionHash.dynamicHeight == "on" && ((optionHash.autoHeight+"").indexOf(":") == -1) ) jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
9
 
10
  jQuery( this ).find('.cycloneslider-caption-title').stop().fadeOut(0).end().find('.cycloneslider-caption-description').stop().fadeOut(0).end().find('.cycloneslider-caption-more').stop().fadeOut(0);
11
  });
5
  jQuery(document).on('cycle-before', slides_selector, function( event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
6
  var slide = jQuery( outgoingSlideEl ); /* Current slide */
7
 
8
+ if(optionHash.dynamicHeight == "on" ) jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
9
 
10
  jQuery( this ).find('.cycloneslider-caption-title').stop().fadeOut(0).end().find('.cycloneslider-caption-description').stop().fadeOut(0).end().find('.cycloneslider-caption-more').stop().fadeOut(0);
11
  });
templates/dark/slider.php CHANGED
@@ -37,15 +37,15 @@
37
  <img src="<?php echo cyclone_slide_image_url($slide['id'], $slider_settings['width'], $slider_settings['height'], array('current_slide_settings'=>$slide, 'slideshow_settings'=>$slider_settings) ); ?>" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />
38
  <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
39
  <div class="cycloneslider-caption">
40
- <div class="cycloneslider-caption-title"><?php echo $slide['title'];?></div>
41
- <div class="cycloneslider-caption-description"><?php echo $slide['description'];?></div>
42
  <?php if( 'lightbox' == $slide['link_target'] ): ?>
43
  <a class="cycloneslider-caption-more magnific-pop" href="<?php echo esc_url( $slide['full_image_url'] ); ?>" alt="<?php echo $slide['img_alt'];?>"><?php _e('View Larger Image', 'cycloneslider'); ?></a>
44
  <?php elseif ( '' != $slide['link'] ) : ?>
45
  <?php if( '_blank' == $slide['link_target'] ): ?>
46
- <a class="cycloneslider-caption-more" target="_blank" href="<?php echo $slide['link'];?>"><?php _e('Learn More', 'cycloneslider'); ?></a>
47
  <?php else: ?>
48
- <a class="cycloneslider-caption-more" href="<?php echo $slide['link'];?>"><?php _e('Learn More', 'cycloneslider'); ?></a>
49
  <?php endif; ?>
50
  <?php endif; ?>
51
  </div>
@@ -59,7 +59,7 @@
59
 
60
  <?php elseif ( 'custom' == $slide['type'] ) : ?>
61
  <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
62
- <?php echo $slide['custom']; ?>
63
  </div>
64
  <?php endif; ?>
65
  <?php endforeach; ?>
37
  <img src="<?php echo cyclone_slide_image_url($slide['id'], $slider_settings['width'], $slider_settings['height'], array('current_slide_settings'=>$slide, 'slideshow_settings'=>$slider_settings) ); ?>" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />
38
  <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
39
  <div class="cycloneslider-caption">
40
+ <div class="cycloneslider-caption-title"><?php echo wp_kses_post( $slide['title'] );?></div>
41
+ <div class="cycloneslider-caption-description"><?php echo wp_kses_post( $slide['description'] );?></div>
42
  <?php if( 'lightbox' == $slide['link_target'] ): ?>
43
  <a class="cycloneslider-caption-more magnific-pop" href="<?php echo esc_url( $slide['full_image_url'] ); ?>" alt="<?php echo $slide['img_alt'];?>"><?php _e('View Larger Image', 'cycloneslider'); ?></a>
44
  <?php elseif ( '' != $slide['link'] ) : ?>
45
  <?php if( '_blank' == $slide['link_target'] ): ?>
46
+ <a class="cycloneslider-caption-more" target="_blank" href="<?php echo esc_url( $slide['link'] );?>"><?php _e('Learn More', 'cycloneslider'); ?></a>
47
  <?php else: ?>
48
+ <a class="cycloneslider-caption-more" href="<?php echo esc_url( $slide['link'] );?>"><?php _e('Learn More', 'cycloneslider'); ?></a>
49
  <?php endif; ?>
50
  <?php endif; ?>
51
  </div>
59
 
60
  <?php elseif ( 'custom' == $slide['type'] ) : ?>
61
  <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
62
+ <?php echo wp_kses_post( $slide['custom'] ); ?>
63
  </div>
64
  <?php endif; ?>
65
  <?php endforeach; ?>
templates/default/script.js CHANGED
@@ -4,7 +4,7 @@
4
  jQuery(document).on('cycle-before', slides_selector, function( event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
5
  var slide = jQuery( outgoingSlideEl ); /* Current slide */
6
 
7
- if(optionHash.dynamicHeight == "on" && ((optionHash.autoHeight+"").indexOf(":") == -1) ) jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
8
 
9
  if(slide.hasClass('cycloneslider-slide-youtube')) pauseYoutube( slide ); /* Pause youtube video on next */
10
 
4
  jQuery(document).on('cycle-before', slides_selector, function( event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
5
  var slide = jQuery( outgoingSlideEl ); /* Current slide */
6
 
7
+ if(optionHash.dynamicHeight == "on" ) jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
8
 
9
  if(slide.hasClass('cycloneslider-slide-youtube')) pauseYoutube( slide ); /* Pause youtube video on next */
10
 
templates/default/slider.php CHANGED
@@ -33,24 +33,27 @@
33
  >
34
  <?php foreach($slides as $slide): ?>
35
  <?php if ( 'image' == $slide['type'] ) : ?>
36
- <div class="cycloneslider-slide" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
37
- <?php if ($slide['link']!='') : ?>
 
 
38
  <?php if( '_blank' == $slide['link_target'] ): ?>
39
- <a target="_blank" href="<?php echo $slide['link'];?>">
40
- <?php elseif( 'lightbox' == $slide['link_target'] ): ?>
41
- <a class="magnific-pop" href="<?php echo cyclone_slide_image_url($slide['id'], $slider_settings['width'], $slider_settings['height'], array('current_slide_settings'=>$slide, 'slideshow_settings'=>$slider_settings) ); ?>" alt="<?php echo $slide['img_alt'];?>">
42
  <?php else: ?>
43
- <a href="<?php echo $slide['link'];?>">
44
  <?php endif; ?>
45
  <?php endif; ?>
46
- <img src="<?php echo cyclone_slide_image_url($slide['id'], $slider_settings['width'], $slider_settings['height'], array('current_slide_settings'=>$slide, 'slideshow_settings'=>$slider_settings) ); ?>" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />
47
- <?php if ( '' != $slide['link'] ) : ?>
 
 
48
  </a>
49
  <?php endif; ?>
 
50
  <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
51
  <div class="cycloneslider-caption">
52
- <div class="cycloneslider-caption-title"><?php echo $slide['title'];?></div>
53
- <div class="cycloneslider-caption-description"><?php echo $slide['description'];?></div>
54
  </div>
55
  <?php endif; ?>
56
  </div>
@@ -68,7 +71,7 @@
68
  </div>
69
  <?php elseif ( 'custom' == $slide['type'] ) : ?>
70
  <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
71
- <?php echo $slide['custom']; ?>
72
  </div>
73
  <?php endif; ?>
74
  <?php endforeach; ?>
@@ -77,7 +80,7 @@
77
  <div class="cycloneslider-pager"></div>
78
  <?php endif; ?>
79
  <?php if ($slider_settings['show_prev_next']) : ?>
80
- <div class="cycloneslider-prev"></div>
81
- <div class="cycloneslider-next"></div>
82
  <?php endif; ?>
83
  </div>
33
  >
34
  <?php foreach($slides as $slide): ?>
35
  <?php if ( 'image' == $slide['type'] ) : ?>
36
+ <div class="cycloneslider-slide cycloneslider-slide-image" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
37
+ <?php if( 'lightbox' == $slide['link_target'] ): ?>
38
+ <a class="cycloneslider-caption-more magnific-pop" href="<?php echo esc_url( $slide['full_image_url'] ); ?>" alt="<?php echo $slide['img_alt'];?>">
39
+ <?php elseif ( '' != $slide['link'] ) : ?>
40
  <?php if( '_blank' == $slide['link_target'] ): ?>
41
+ <a class="cycloneslider-caption-more" target="_blank" href="<?php echo esc_url( $slide['link'] );?>">
 
 
42
  <?php else: ?>
43
+ <a class="cycloneslider-caption-more" href="<?php echo esc_url( $slide['link'] );?>">
44
  <?php endif; ?>
45
  <?php endif; ?>
46
+
47
+ <img src="<?php echo cyclone_slide_image_url($slide['id'], $slider_settings['width'], $slider_settings['height'], array('current_slide_settings'=>$slide, 'slideshow_settings'=>$slider_settings) ); ?>" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />
48
+
49
+ <?php if( 'lightbox' == $slide['link_target'] or ('' != $slide['link']) ) : ?>
50
  </a>
51
  <?php endif; ?>
52
+
53
  <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
54
  <div class="cycloneslider-caption">
55
+ <div class="cycloneslider-caption-title"><?php echo wp_kses_post( $slide['title'] );?></div>
56
+ <div class="cycloneslider-caption-description"><?php echo wp_kses_post( $slide['description'] );?></div>
57
  </div>
58
  <?php endif; ?>
59
  </div>
71
  </div>
72
  <?php elseif ( 'custom' == $slide['type'] ) : ?>
73
  <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
74
+ <?php echo wp_kses_post( $slide['custom'] ); ?>
75
  </div>
76
  <?php endif; ?>
77
  <?php endforeach; ?>
80
  <div class="cycloneslider-pager"></div>
81
  <?php endif; ?>
82
  <?php if ($slider_settings['show_prev_next']) : ?>
83
+ <a href="#" class="cycloneslider-prev"></a>
84
+ <a href="#" class="cycloneslider-next"></a>
85
  <?php endif; ?>
86
  </div>
templates/default/style.css CHANGED
@@ -1,6 +1,7 @@
1
  /*** Template Default ***/
2
  .cycloneslider-template-default{
3
  position:relative;
 
4
  }
5
  .cycloneslider-template-default .cycloneslider-slides{
6
  position:relative;
@@ -9,9 +10,11 @@
9
  .cycloneslider-template-default .cycloneslider-slide{
10
  text-align: center;
11
  width: 100%; /* For slides in scrollHorz to work */
12
- height: 100%; /* Backward compat to fix caption issues on tall images */
13
  display: none; /* Hide slides to prevent FOUC */
14
  }
 
 
 
15
  .cycloneslider-template-default .cycloneslider-slide:first-child, /* Show first slide */
16
  .cycloneslider-template-default .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
17
  display: block;
@@ -26,20 +29,20 @@
26
  .cycloneslider-template-default.cycloneslider-width-full .cycloneslider-slide img{
27
  width:100%;
28
  }
29
- .cycloneslider-template-default .cycloneslider-slide iframe,
30
  .cycloneslider-template-default .cycloneslider-slide object,
31
  .cycloneslider-template-default .cycloneslider-slide embed {
32
- width: 100% !important;
33
- height: 100% !important;
 
 
 
34
  }
35
  .cycloneslider-template-default .cycloneslider-slide-youtube,
36
  .cycloneslider-template-default .cycloneslider-slide-vimeo{
37
- width: 100%;
38
- height: 100%;
39
  background: #000;
40
  }
41
  .cycloneslider-template-default .cycloneslider-slide-custom{
42
- width: 100%;
43
  min-height: 100%;
44
  background: #fff;
45
  }
@@ -71,10 +74,20 @@
71
  left:10px;
72
  background-position:0 0;
73
  }
 
 
 
 
 
74
  .cycloneslider-template-default .cycloneslider-next{
75
  right:10px;
76
  background-position:-29px 0;
77
  }
 
 
 
 
 
78
  .cycloneslider-template-default:hover .cycloneslider-prev,
79
  .cycloneslider-template-default:hover .cycloneslider-next{
80
  opacity: 0.4;
@@ -95,6 +108,10 @@
95
  top:20px;
96
  right:20px;
97
  }
 
 
 
 
98
  .cycloneslider-template-default .cycloneslider-pager span {
99
  display: inline-block;
100
  margin: 0 3px;
1
  /*** Template Default ***/
2
  .cycloneslider-template-default{
3
  position:relative;
4
+
5
  }
6
  .cycloneslider-template-default .cycloneslider-slides{
7
  position:relative;
10
  .cycloneslider-template-default .cycloneslider-slide{
11
  text-align: center;
12
  width: 100%; /* For slides in scrollHorz to work */
 
13
  display: none; /* Hide slides to prevent FOUC */
14
  }
15
+ .cycloneslider-template-default div[data-cycle-dynamic-height="off"] .cycloneslider-slide-image{
16
+ height: 100%; /* To prevent cutting off captions when dynamic height is off */
17
+ }
18
  .cycloneslider-template-default .cycloneslider-slide:first-child, /* Show first slide */
19
  .cycloneslider-template-default .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
20
  display: block;
29
  .cycloneslider-template-default.cycloneslider-width-full .cycloneslider-slide img{
30
  width:100%;
31
  }
32
+ .cycloneslider-template-default .cycloneslider-slide iframe, /* Make our videos fluid */
33
  .cycloneslider-template-default .cycloneslider-slide object,
34
  .cycloneslider-template-default .cycloneslider-slide embed {
35
+ position: absolute;
36
+ left: 0;
37
+ top: 0;
38
+ width: 100% !important; /* Override width attrib */
39
+ height: 100% !important; /* Override height attrib */
40
  }
41
  .cycloneslider-template-default .cycloneslider-slide-youtube,
42
  .cycloneslider-template-default .cycloneslider-slide-vimeo{
 
 
43
  background: #000;
44
  }
45
  .cycloneslider-template-default .cycloneslider-slide-custom{
 
46
  min-height: 100%;
47
  background: #fff;
48
  }
74
  left:10px;
75
  background-position:0 0;
76
  }
77
+ .rtl .cycloneslider-template-default .cycloneslider-prev{
78
+ left:auto;
79
+ right:10px;
80
+ background-position:-29px 0;
81
+ }
82
  .cycloneslider-template-default .cycloneslider-next{
83
  right:10px;
84
  background-position:-29px 0;
85
  }
86
+ .rtl .cycloneslider-template-default .cycloneslider-next{
87
+ right:auto;
88
+ left:10px;
89
+ background-position:0 0;
90
+ }
91
  .cycloneslider-template-default:hover .cycloneslider-prev,
92
  .cycloneslider-template-default:hover .cycloneslider-next{
93
  opacity: 0.4;
108
  top:20px;
109
  right:20px;
110
  }
111
+ .rtl .cycloneslider-template-default .cycloneslider-pager{
112
+ right: auto;
113
+ left:20px;
114
+ }
115
  .cycloneslider-template-default .cycloneslider-pager span {
116
  display: inline-block;
117
  margin: 0 3px;
templates/standard/script.js CHANGED
@@ -4,7 +4,7 @@
4
  jQuery(document).on('cycle-before', slides_selector, function( event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
5
  var slide = jQuery( outgoingSlideEl ); /* Current slide */
6
 
7
- if(optionHash.dynamicHeight == "on" && ((optionHash.autoHeight+"").indexOf(":") == -1) ) jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
8
 
9
  if(slide.hasClass('cycloneslider-slide-youtube')) pauseYoutube( slide ); /* Pause youtube video on next */
10
 
4
  jQuery(document).on('cycle-before', slides_selector, function( event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
5
  var slide = jQuery( outgoingSlideEl ); /* Current slide */
6
 
7
+ if(optionHash.dynamicHeight == "on" ) jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
8
 
9
  if(slide.hasClass('cycloneslider-slide-youtube')) pauseYoutube( slide ); /* Pause youtube video on next */
10
 
templates/standard/slider.php CHANGED
@@ -33,14 +33,14 @@
33
  >
34
  <?php foreach($slides as $slide): ?>
35
  <?php if ( 'image' == $slide['type'] ) : ?>
36
- <div class="cycloneslider-slide" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
37
  <?php if( 'lightbox' == $slide['link_target'] ): ?>
38
  <a class="cycloneslider-caption-more magnific-pop" href="<?php echo esc_url( $slide['full_image_url'] ); ?>" alt="<?php echo $slide['img_alt'];?>">
39
  <?php elseif ( '' != $slide['link'] ) : ?>
40
  <?php if( '_blank' == $slide['link_target'] ): ?>
41
- <a class="cycloneslider-caption-more" target="_blank" href="<?php echo $slide['link'];?>">
42
  <?php else: ?>
43
- <a class="cycloneslider-caption-more" href="<?php echo $slide['link'];?>">
44
  <?php endif; ?>
45
  <?php endif; ?>
46
 
@@ -52,17 +52,17 @@
52
 
53
  <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
54
  <div class="cycloneslider-caption">
55
- <div class="cycloneslider-caption-title"><?php echo $slide['title'];?></div>
56
- <div class="cycloneslider-caption-description"><?php echo $slide['description'];?></div>
57
  </div>
58
  <?php endif; ?>
59
  </div>
60
  <?php elseif ( 'youtube' == $slide['type'] ) : ?>
61
- <div class="cycloneslider-slide cycloneslider-slide-youtube" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
62
  <?php echo $slide['youtube_embed_code']; ?>
63
  </div>
64
  <?php elseif ( 'vimeo' == $slide['type'] ) : ?>
65
- <div class="cycloneslider-slide cycloneslider-slide-vimeo" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
66
  <?php echo $slide['vimeo_embed_code']; ?>
67
  </div>
68
  <?php elseif ( 'video' == $slide['type'] ) : ?>
@@ -71,7 +71,7 @@
71
  </div>
72
  <?php elseif ( 'custom' == $slide['type'] ) : ?>
73
  <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
74
- <?php echo $slide['custom']; ?>
75
  </div>
76
  <?php endif; ?>
77
  <?php endforeach; ?>
33
  >
34
  <?php foreach($slides as $slide): ?>
35
  <?php if ( 'image' == $slide['type'] ) : ?>
36
+ <div class="cycloneslider-slide cycloneslider-slide-image" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
37
  <?php if( 'lightbox' == $slide['link_target'] ): ?>
38
  <a class="cycloneslider-caption-more magnific-pop" href="<?php echo esc_url( $slide['full_image_url'] ); ?>" alt="<?php echo $slide['img_alt'];?>">
39
  <?php elseif ( '' != $slide['link'] ) : ?>
40
  <?php if( '_blank' == $slide['link_target'] ): ?>
41
+ <a class="cycloneslider-caption-more" target="_blank" href="<?php echo esc_url( $slide['link'] );?>">
42
  <?php else: ?>
43
+ <a class="cycloneslider-caption-more" href="<?php echo esc_url( $slide['link'] );?>">
44
  <?php endif; ?>
45
  <?php endif; ?>
46
 
52
 
53
  <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
54
  <div class="cycloneslider-caption">
55
+ <div class="cycloneslider-caption-title"><?php echo wp_kses_post( $slide['title'] );?></div>
56
+ <div class="cycloneslider-caption-description"><?php echo wp_kses_post( $slide['description'] );?></div>
57
  </div>
58
  <?php endif; ?>
59
  </div>
60
  <?php elseif ( 'youtube' == $slide['type'] ) : ?>
61
+ <div class="cycloneslider-slide cycloneslider-slide-youtube" <?php echo cyclone_slide_settings($slide, $slider_settings); ?> style="padding-bottom:<?php echo $slider_settings['height']/$slider_settings['width']*100;?>%">
62
  <?php echo $slide['youtube_embed_code']; ?>
63
  </div>
64
  <?php elseif ( 'vimeo' == $slide['type'] ) : ?>
65
+ <div class="cycloneslider-slide cycloneslider-slide-vimeo" <?php echo cyclone_slide_settings($slide, $slider_settings); ?> style="padding-bottom:<?php echo $slider_settings['height']/$slider_settings['width']*100;?>%">
66
  <?php echo $slide['vimeo_embed_code']; ?>
67
  </div>
68
  <?php elseif ( 'video' == $slide['type'] ) : ?>
71
  </div>
72
  <?php elseif ( 'custom' == $slide['type'] ) : ?>
73
  <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
74
+ <?php echo wp_kses_post( $slide['custom'] ); ?>
75
  </div>
76
  <?php endif; ?>
77
  <?php endforeach; ?>
templates/standard/style.css CHANGED
@@ -12,6 +12,9 @@
12
  width: 100%; /* For slides in scrollHorz to work */
13
  display: none; /* Hide slides to prevent FOUC */
14
  }
 
 
 
15
  .cycloneslider-template-standard .cycloneslider-slide:first-child, /* Show first slide */
16
  .cycloneslider-template-standard .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
17
  display: block;
@@ -26,21 +29,20 @@
26
  .cycloneslider-template-standard.cycloneslider-width-full .cycloneslider-slide img{
27
  width:100%;
28
  }
29
- .cycloneslider-template-standard .cycloneslider-slide iframe,
30
  .cycloneslider-template-standard .cycloneslider-slide object,
31
  .cycloneslider-template-standard .cycloneslider-slide embed {
32
- width: 100% !important;
33
- height: 100% !important;
 
 
 
34
  }
35
-
36
  .cycloneslider-template-standard .cycloneslider-slide-youtube,
37
  .cycloneslider-template-standard .cycloneslider-slide-vimeo{
38
- width: 100%;
39
- height: 100%;
40
  background: #000;
41
  }
42
  .cycloneslider-template-standard .cycloneslider-slide-custom{
43
- width: 100%;
44
  min-height: 100%;
45
  background: #fff;
46
  }
12
  width: 100%; /* For slides in scrollHorz to work */
13
  display: none; /* Hide slides to prevent FOUC */
14
  }
15
+ .cycloneslider-template-standard div[data-cycle-dynamic-height="off"] .cycloneslider-slide-image{
16
+ height: 100%; /* To prevent cutting off captions when dynamic height is off */
17
+ }
18
  .cycloneslider-template-standard .cycloneslider-slide:first-child, /* Show first slide */
19
  .cycloneslider-template-standard .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
20
  display: block;
29
  .cycloneslider-template-standard.cycloneslider-width-full .cycloneslider-slide img{
30
  width:100%;
31
  }
32
+ .cycloneslider-template-standard .cycloneslider-slide iframe, /* Make our videos fluid */
33
  .cycloneslider-template-standard .cycloneslider-slide object,
34
  .cycloneslider-template-standard .cycloneslider-slide embed {
35
+ position: absolute;
36
+ left: 0;
37
+ top: 0;
38
+ width: 100% !important; /* Override width attrib */
39
+ height: 100% !important; /* Override height attrib */
40
  }
 
41
  .cycloneslider-template-standard .cycloneslider-slide-youtube,
42
  .cycloneslider-template-standard .cycloneslider-slide-vimeo{
 
 
43
  background: #000;
44
  }
45
  .cycloneslider-template-standard .cycloneslider-slide-custom{
 
46
  min-height: 100%;
47
  background: #fff;
48
  }
templates/thumbnails/script.js CHANGED
@@ -12,7 +12,7 @@
12
 
13
  jQuery(this).parent().next().find('li').removeClass('current').eq(i).addClass('current');
14
 
15
- if(optionHash.dynamicHeight == "on" && ((optionHash.autoHeight+"").indexOf(":") == -1) ) jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
16
 
17
  });
18
 
12
 
13
  jQuery(this).parent().next().find('li').removeClass('current').eq(i).addClass('current');
14
 
15
+ if(optionHash.dynamicHeight == "on") jQuery(this).animate({height:jQuery(incomingSlideEl).outerHeight()}, optionHash.autoHeightSpeed, optionHash.autoHeightEasing); /* Autoheight when dynamic height is on and auto height is not ratio (eg. 300:250) */
16
 
17
  });
18
 
templates/thumbnails/slider.php CHANGED
@@ -31,30 +31,50 @@
31
  data-cycle-tile-vertical="<?php echo esc_attr( $slider_settings['tile_vertical'] ); ?>"
32
  data-cycle-timeout="<?php echo esc_attr( $slider_settings['timeout'] ); ?>"
33
  >
34
- <?php foreach($slides as $i=>$slide): ?>
35
- <?php if ($slide['type']=='image') : ?>
36
- <div class="cycloneslider-slide" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
37
- <?php if ($slide['link']!='') : ?><a target="<?php echo ('_blank'==$slide['link_target']) ? '_blank' : '_self'; ?>" href="<?php echo $slide['link'];?>"><?php endif; ?>
38
- <img src="<?php echo cyclone_slide_image_url($slide['id'], $slider_settings['width'], $slider_settings['height'], array('current_slide_settings'=>$slide, 'slideshow_settings'=>$slider_settings) ); ?>" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />
39
- <?php if ($slide['link']!='') : ?></a><?php endif; ?>
40
- <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
41
- <div class="cycloneslider-caption">
42
- <div class="cycloneslider-caption-title"><?php echo $slide['title'];?></div>
43
- <div class="cycloneslider-caption-description"><?php echo $slide['description'];?></div>
44
- </div>
45
- <?php endif; ?>
46
- </div>
47
- <?php elseif ($slide['type']=='video') : ?>
48
- <div class="cycloneslider-slide" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
49
- <?php echo $slide['video']; ?>
50
- </div>
51
- <?php elseif ($slide['type']=='custom') : ?>
52
- <div class="cycloneslider-slide" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
53
- <?php echo $slide['custom']; ?>
54
- </div>
55
- <?php endif; ?>
56
-
57
- <?php endforeach; ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
58
  </div>
59
  <?php if ($slider_settings['show_nav'] && ($video_count<=0) ) : ?>
60
  <div class="cycloneslider-prev"></div>
@@ -71,7 +91,7 @@
71
  <?php if ($slide['type']=='video') : ?>
72
  <li>
73
  <div class="thumb-video">
74
- <img src="<?php echo $slide['video_thumb'];?>" width="40" height="40" alt="">
75
  </div>
76
  </li>
77
  <?php elseif($slide['type']=='custom'): ?>
31
  data-cycle-tile-vertical="<?php echo esc_attr( $slider_settings['tile_vertical'] ); ?>"
32
  data-cycle-timeout="<?php echo esc_attr( $slider_settings['timeout'] ); ?>"
33
  >
34
+ <?php foreach($slides as $slide): ?>
35
+ <?php if ( 'image' == $slide['type'] ) : ?>
36
+ <div class="cycloneslider-slide cycloneslider-slide-image" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
37
+ <?php if( 'lightbox' == $slide['link_target'] ): ?>
38
+ <a class="cycloneslider-caption-more magnific-pop" href="<?php echo esc_url( $slide['full_image_url'] ); ?>" alt="<?php echo $slide['img_alt'];?>">
39
+ <?php elseif ( '' != $slide['link'] ) : ?>
40
+ <?php if( '_blank' == $slide['link_target'] ): ?>
41
+ <a class="cycloneslider-caption-more" target="_blank" href="<?php echo esc_url( $slide['link'] );?>">
42
+ <?php else: ?>
43
+ <a class="cycloneslider-caption-more" href="<?php echo esc_url( $slide['link'] );?>">
44
+ <?php endif; ?>
45
+ <?php endif; ?>
46
+
47
+ <img src="<?php echo cyclone_slide_image_url($slide['id'], $slider_settings['width'], $slider_settings['height'], array('current_slide_settings'=>$slide, 'slideshow_settings'=>$slider_settings) ); ?>" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />
48
+
49
+ <?php if( 'lightbox' == $slide['link_target'] or ('' != $slide['link']) ) : ?>
50
+ </a>
51
+ <?php endif; ?>
52
+
53
+ <?php if(!empty($slide['title']) or !empty($slide['description'])) : ?>
54
+ <div class="cycloneslider-caption">
55
+ <div class="cycloneslider-caption-title"><?php echo wp_kses_post( $slide['title'] );?></div>
56
+ <div class="cycloneslider-caption-description"><?php echo wp_kses_post( $slide['description'] );?></div>
57
+ </div>
58
+ <?php endif; ?>
59
+ </div>
60
+ <?php elseif ( 'youtube' == $slide['type'] ) : ?>
61
+ <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
62
+ <p><?php _e('Slide type not supported.', 'cycloneslider'); ?></p>
63
+ </div>
64
+ <?php elseif ( 'vimeo' == $slide['type'] ) : ?>
65
+ <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
66
+ <p><?php _e('Slide type not supported.', 'cycloneslider'); ?></p>
67
+ </div>
68
+ <?php elseif ( 'video' == $slide['type'] ) : ?>
69
+ <div class="cycloneslider-slide" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
70
+ <p><?php _e('Slide type not supported.', 'cycloneslider'); ?></p>
71
+ </div>
72
+ <?php elseif ( 'custom' == $slide['type'] ) : ?>
73
+ <div class="cycloneslider-slide cycloneslider-slide-custom" <?php echo cyclone_slide_settings($slide, $slider_settings); ?>>
74
+ <?php echo wp_kses_post( $slide['custom'] ); ?>
75
+ </div>
76
+ <?php endif; ?>
77
+ <?php endforeach; ?>
78
  </div>
79
  <?php if ($slider_settings['show_nav'] && ($video_count<=0) ) : ?>
80
  <div class="cycloneslider-prev"></div>
91
  <?php if ($slide['type']=='video') : ?>
92
  <li>
93
  <div class="thumb-video">
94
+ <img src="<?php echo esc_url( $slide['video_thumb'] ); ?>" width="40" height="40" alt="">
95
  </div>
96
  </li>
97
  <?php elseif($slide['type']=='custom'): ?>
templates/thumbnails/style.css CHANGED
@@ -1,4 +1,4 @@
1
- /*** Template Default ***/
2
  .cycloneslider-template-thumbnails{
3
  position:relative;
4
  }
@@ -11,6 +11,9 @@
11
  width: 100%; /* For slides in scrollHorz to work */
12
  display: none; /* Hide slides to prevent FOUC */
13
  }
 
 
 
14
  .cycloneslider-template-thumbnails .cycloneslider-slide:first-child, /* Show first slide */
15
  .cycloneslider-template-thumbnails .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
16
  display: block;
@@ -25,20 +28,20 @@
25
  .cycloneslider-template-thumbnails.cycloneslider-width-full .cycloneslider-slide img{
26
  width:100%;
27
  }
28
- .cycloneslider-template-thumbnails .cycloneslider-slide iframe,
29
  .cycloneslider-template-thumbnails .cycloneslider-slide object,
30
  .cycloneslider-template-thumbnails .cycloneslider-slide embed {
31
- width: 100% !important;
32
- height: 100% !important;
 
 
 
33
  }
34
  .cycloneslider-template-thumbnails .cycloneslider-slide-youtube,
35
  .cycloneslider-template-thumbnails .cycloneslider-slide-vimeo{
36
- width: 100%;
37
- height: 100%;
38
  background: #000;
39
  }
40
  .cycloneslider-template-thumbnails .cycloneslider-slide-custom{
41
- width: 100%;
42
  min-height: 100%;
43
  background: #fff;
44
  }
@@ -70,10 +73,20 @@
70
  left:10px;
71
  background-position:0 0;
72
  }
 
 
 
 
 
73
  .cycloneslider-template-thumbnails .cycloneslider-next{
74
  right:10px;
75
  background-position:-29px 0;
76
  }
 
 
 
 
 
77
  .cycloneslider-template-thumbnails:hover .cycloneslider-prev,
78
  .cycloneslider-template-thumbnails:hover .cycloneslider-next{
79
  opacity: 0.4;
1
+ /*** Template Thumbnails ***/
2
  .cycloneslider-template-thumbnails{
3
  position:relative;
4
  }
11
  width: 100%; /* For slides in scrollHorz to work */
12
  display: none; /* Hide slides to prevent FOUC */
13
  }
14
+ .cycloneslider-template-thumbnails div[data-cycle-dynamic-height="off"] .cycloneslider-slide-image{
15
+ height: 100%; /* To prevent cutting off captions when dynamic height is off */
16
+ }
17
  .cycloneslider-template-thumbnails .cycloneslider-slide:first-child, /* Show first slide */
18
  .cycloneslider-template-thumbnails .cycle-sentinel + .cycloneslider-slide{ /* Select next slide when using sentinel slide */
19
  display: block;
28
  .cycloneslider-template-thumbnails.cycloneslider-width-full .cycloneslider-slide img{
29
  width:100%;
30
  }
31
+ .cycloneslider-template-thumbnails .cycloneslider-slide iframe, /* Make our videos fluid */
32
  .cycloneslider-template-thumbnails .cycloneslider-slide object,
33
  .cycloneslider-template-thumbnails .cycloneslider-slide embed {
34
+ position: absolute;
35
+ left: 0;
36
+ top: 0;
37
+ width: 100% !important; /* Override width attrib */
38
+ height: 100% !important; /* Override height attrib */
39
  }
40
  .cycloneslider-template-thumbnails .cycloneslider-slide-youtube,
41
  .cycloneslider-template-thumbnails .cycloneslider-slide-vimeo{
 
 
42
  background: #000;
43
  }
44
  .cycloneslider-template-thumbnails .cycloneslider-slide-custom{
 
45
  min-height: 100%;
46
  background: #fff;
47
  }
73
  left:10px;
74
  background-position:0 0;
75
  }
76
+ .rtl .cycloneslider-template-thumbnails .cycloneslider-prev{
77
+ left:auto;
78
+ right:10px;
79
+ background-position:-29px 0;
80
+ }
81
  .cycloneslider-template-thumbnails .cycloneslider-next{
82
  right:10px;
83
  background-position:-29px 0;
84
  }
85
+ .rtl .cycloneslider-template-thumbnails .cycloneslider-next{
86
+ right:auto;
87
+ left:10px;
88
+ background-position:0 0;
89
+ }
90
  .cycloneslider-template-thumbnails:hover .cycloneslider-prev,
91
  .cycloneslider-template-thumbnails:hover .cycloneslider-next{
92
  opacity: 0.4;