Cyclone Slider - Version 2.8.1

Version Description

  • 2014-01-02 =
  • New. Added ability to disable related videos in YouTube slide.
  • New. Slide title now appends the slide caption of there is one.
  • New. MP6 color schemes. Added subtle cosmetic changes to UI depending on what admin color scheme was selected.
  • Change. Made hide_non_active false only if using dynamic height and YouTube/Vimeo slides. For backwards compatibility with older templates.
  • Change. Removed old problematic video slide.
  • Fix. Fixed Vimeo error when URL fails to load.
  • Fix. Fix for very long slide titles.
  • Fix. Bug fix for PHP warning in template selection when template is unchecked in settings page.
Download this release

Release Info

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

Code changes from version 2.8.0 to 2.8.1

Files changed (9) hide show
  1. README.txt +21 -1
  2. classes/class-cyclone-slider-admin.php +11 -5
  3. classes/class-cyclone-slider-data.php +2 -0
  4. classes/class-cyclone-slider-vimeo.php +6 -3
  5. classes/class-cyclone-slider.php +9 -2
  6. css/admin.css +114 -0
  7. cyclone-slider.php +3 -3
  8. js/admin.js +12 -0
  9. views/slide-edit.php +8 -39
README.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: http://www.codefleet.net/donate/
4
  Tags: slider, slideshow, drag-and-drop, wordpress-slider, wordpress-slideshow, cycle 2, jquery, responsive, translation-ready, custom-post, cyclone-slider
5
  Requires at least: 3.5
6
  Tested up to: 3.8
7
- Stable tag: 2.7.7
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -99,6 +99,16 @@ Inside your current active theme create a folder named "cycloneslider". Add your
99
 
100
  == Changelog ==
101
 
 
 
 
 
 
 
 
 
 
 
102
  = 2.8.0 - 2013-12-29 - This is a major release =
103
  * New. Added support for YouTube, Vimeo and Custom slide types in Text template.
104
  * New. Added support for YouTube and Vimeo slide types in Dark template.
@@ -291,6 +301,16 @@ Inside your current active theme create a folder named "cycloneslider". Add your
291
 
292
  == Upgrade Notice ==
293
 
 
 
 
 
 
 
 
 
 
 
294
  = 2.8.0 - 2013-12-29 - This is a major release =
295
  * New. Added support for YouTube, Vimeo and Custom slide types in Text template.
296
  * New. Added support for YouTube and Vimeo slide types in Dark template.
4
  Tags: slider, slideshow, drag-and-drop, wordpress-slider, wordpress-slideshow, cycle 2, jquery, responsive, translation-ready, custom-post, cyclone-slider
5
  Requires at least: 3.5
6
  Tested up to: 3.8
7
+ Stable tag: 2.8.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
99
 
100
  == Changelog ==
101
 
102
+ = 2.8.1 - 2014-01-02 =
103
+ * New. Added ability to disable related videos in YouTube slide.
104
+ * New. Slide title now appends the slide caption of there is one.
105
+ * New. MP6 color schemes. Added subtle cosmetic changes to UI depending on what admin color scheme was selected.
106
+ * Change. Made hide_non_active false only if using dynamic height and YouTube/Vimeo slides. For backwards compatibility with older templates.
107
+ * Change. Removed old problematic video slide.
108
+ * Fix. Fixed Vimeo error when URL fails to load.
109
+ * Fix. Fix for very long slide titles.
110
+ * Fix. Bug fix for PHP warning in template selection when template is unchecked in settings page.
111
+
112
  = 2.8.0 - 2013-12-29 - This is a major release =
113
  * New. Added support for YouTube, Vimeo and Custom slide types in Text template.
114
  * New. Added support for YouTube and Vimeo slide types in Dark template.
301
 
302
  == Upgrade Notice ==
303
 
304
+ = 2.8.1 - 2014-01-02 =
305
+ * New. Added ability to disable related videos in YouTube slide.
306
+ * New. Slide title now appends the slide caption of there is one.
307
+ * New. MP6 color schemes. Added subtle cosmetic changes to UI depending on what admin color scheme was selected.
308
+ * Change. Made hide_non_active false only if using dynamic height and YouTube/Vimeo slides. For backwards compatibility with older templates.
309
+ * Change. Removed old problematic video slide.
310
+ * Fix. Fixed Vimeo error when URL fails to load.
311
+ * Fix. Fix for very long slide titles.
312
+ * Fix. Bug fix for PHP warning in template selection when template is unchecked in settings page.
313
+
314
  = 2.8.0 - 2013-12-29 - This is a major release =
315
  * New. Added support for YouTube, Vimeo and Custom slide types in Text template.
316
  * New. Added support for YouTube and Vimeo slide types in Dark template.
classes/class-cyclone-slider-admin.php CHANGED
@@ -265,7 +265,11 @@ if(!class_exists('Cyclone_Slider_Admin')):
265
 
266
  $image_url = $this->get_slide_img_thumb($slide['id']);
267
  $image_url = apply_filters('cycloneslider_preview_url', $image_url, $slide);
268
- $box_title = apply_filters('cycloneslider_box_title', __('Slide', 'cycloneslider'), $slide).' '.($i+1);
 
 
 
 
269
 
270
  $vars = array();
271
  $vars['i'] = $i;
@@ -397,9 +401,7 @@ if(!class_exists('Cyclone_Slider_Admin')):
397
  } else {
398
  $templates[$name]['screenshot'] = CYCLONE_URL.'images/screenshot.png';
399
  }
400
- if($active_templates[$name]==0){
401
- unset($templates[$name]);
402
- }
403
  $templates[$name]['warning'] = '';
404
 
405
  if( $template['location_name'] == 'core' ){
@@ -415,7 +417,11 @@ if(!class_exists('Cyclone_Slider_Admin')):
415
  $templates[$name]['location_name'] = 'WP Content';
416
  $templates[$name]['location_details'] = sprintf( __("Located inside wp-content directory:<br> <strong>%s</strong>", 'cycloneslider'), $template['path'] );
417
  }
418
- //echo sha1_file($template['path'].DIRECTORY_SEPARATOR.'slider.php'); break;
 
 
 
 
419
  }
420
 
421
  $this->view->set_view_file( CYCLONE_PATH . 'views/template-selection.php' );
265
 
266
  $image_url = $this->get_slide_img_thumb($slide['id']);
267
  $image_url = apply_filters('cycloneslider_preview_url', $image_url, $slide);
268
+ $box_title = __('Slide', 'cycloneslider').' '.($i+1);
269
+ if( '' != trim($slide['title']) and 'image' == $slide['type'] ){
270
+ $box_title = $box_title. ' - '.$slide['title'];
271
+ }
272
+ $box_title = apply_filters('cycloneslider_box_title', $box_title);
273
 
274
  $vars = array();
275
  $vars['i'] = $i;
401
  } else {
402
  $templates[$name]['screenshot'] = CYCLONE_URL.'images/screenshot.png';
403
  }
404
+
 
 
405
  $templates[$name]['warning'] = '';
406
 
407
  if( $template['location_name'] == 'core' ){
417
  $templates[$name]['location_name'] = 'WP Content';
418
  $templates[$name]['location_details'] = sprintf( __("Located inside wp-content directory:<br> <strong>%s</strong>", 'cycloneslider'), $template['path'] );
419
  }
420
+
421
+ // Remove inactive templates
422
+ if($active_templates[$name]==0){
423
+ unset($templates[$name]);
424
+ }
425
  }
426
 
427
  $this->view->set_view_file( CYCLONE_PATH . 'views/template-selection.php' );
classes/class-cyclone-slider-data.php CHANGED
@@ -179,6 +179,7 @@ if(!class_exists('Cyclone_Slider_Data')):
179
  $slides_to_save[$i]['custom'] = $slide['custom'];
180
 
181
  $slides_to_save[$i]['youtube_url'] = $slide['youtube_url'];
 
182
 
183
  $slides_to_save[$i]['vimeo_url'] = $slide['vimeo_url'];
184
 
@@ -421,6 +422,7 @@ if(!class_exists('Cyclone_Slider_Data')):
421
  'custom' => '',
422
 
423
  'youtube_url' => '',
 
424
 
425
  'vimeo_url' => ''
426
  );
179
  $slides_to_save[$i]['custom'] = $slide['custom'];
180
 
181
  $slides_to_save[$i]['youtube_url'] = $slide['youtube_url'];
182
+ $slides_to_save[$i]['youtube_related'] = $slide['youtube_related'];
183
 
184
  $slides_to_save[$i]['vimeo_url'] = $slide['vimeo_url'];
185
 
422
  'custom' => '',
423
 
424
  'youtube_url' => '',
425
+ 'youtube_related' => 'false',
426
 
427
  'vimeo_url' => ''
428
  );
classes/class-cyclone-slider-vimeo.php CHANGED
@@ -37,9 +37,12 @@ if(!class_exists('Cyclone_Slider_Vimeo')):
37
  */
38
  public function get_vimeo_thumb($video_id, $size = 'small'){
39
  if(!empty($video_id)){
40
- $vimeo = unserialize( file_get_contents('http://vimeo.com/api/v2/video/'.$video_id.'.php') );
41
- if( isset($vimeo[0]['thumbnail_'.$size]) ){
42
- return $vimeo[0]['thumbnail_'.$size];
 
 
 
43
  }
44
  }
45
  return '';
37
  */
38
  public function get_vimeo_thumb($video_id, $size = 'small'){
39
  if(!empty($video_id)){
40
+ $data = @file_get_contents('http://vimeo.com/api/v2/video/'.$video_id.'.php');
41
+ if( $data ) {
42
+ $vimeo = unserialize( $data );
43
+ if( isset($vimeo[0]['thumbnail_'.$size]) ){
44
+ return $vimeo[0]['thumbnail_'.$size];
45
+ }
46
  }
47
  }
48
  return '';
classes/class-cyclone-slider.php CHANGED
@@ -163,7 +163,12 @@ if(!class_exists('Cyclone_Slider')):
163
  $youtube_count++;
164
  $youtube_id = $this->cyclone_slider_youtube->get_youtube_id($slides[$i]['youtube_url']);
165
 
166
- $slides[$i]['youtube_embed_code'] = '<iframe id="'.$slider_html_id.'-iframe-'.$i.'" width="'.$slider_settings['width'].'" height="'.$slider_settings['height'].'" src="//www.youtube.com/embed/'.$youtube_id.'?wmode=transparent" frameborder="0" allowfullscreen></iframe>';
 
 
 
 
 
167
  $slides[$i]['youtube_id'] = $youtube_id;
168
  $slides[$i]['thumbnail_small'] = $this->cyclone_slider_youtube->get_youtube_thumb($youtube_id);
169
 
@@ -191,7 +196,9 @@ if(!class_exists('Cyclone_Slider')):
191
  if( 'on' == $slider_settings['dynamic_height'] ) {
192
  $slider_settings['auto_height'] = 0; // Disable autoheight when dynamic height is on. To prevent slider returning to wrong (ratio height) height when browser is resized.
193
  }
194
- $slider_settings['hide_non_active'] = "false"; // Do not hide non active slides to prevent reloading of videos and for getBoundingClientRect() to not return 0.
 
 
195
  $slider_settings['auto_height_speed'] = 250; // Will be editable in admin in the future
196
  $slider_settings['auto_height_easing'] = "null"; // Will be editable in admin in the future
197
 
163
  $youtube_count++;
164
  $youtube_id = $this->cyclone_slider_youtube->get_youtube_id($slides[$i]['youtube_url']);
165
 
166
+ $youtube_related = '';
167
+ if( 'true' == $slides[$i]['youtube_related'] ) {
168
+ $youtube_related = '&rel=0';
169
+ }
170
+
171
+ $slides[$i]['youtube_embed_code'] = '<iframe id="'.$slider_html_id.'-iframe-'.$i.'" width="'.$slider_settings['width'].'" height="'.$slider_settings['height'].'" src="//www.youtube.com/embed/'.$youtube_id.'?wmode=transparent'.$youtube_related.'" frameborder="0" allowfullscreen></iframe>';
172
  $slides[$i]['youtube_id'] = $youtube_id;
173
  $slides[$i]['thumbnail_small'] = $this->cyclone_slider_youtube->get_youtube_thumb($youtube_id);
174
 
196
  if( 'on' == $slider_settings['dynamic_height'] ) {
197
  $slider_settings['auto_height'] = 0; // Disable autoheight when dynamic height is on. To prevent slider returning to wrong (ratio height) height when browser is resized.
198
  }
199
+ if( ($youtube_count+$vimeo_count) > 0 or 'on' == $slider_settings['dynamic_height'] ){
200
+ $slider_settings['hide_non_active'] = "false"; // Do not hide non active slides to prevent reloading of videos and for getBoundingClientRect() to not return 0.
201
+ }
202
  $slider_settings['auto_height_speed'] = 250; // Will be editable in admin in the future
203
  $slider_settings['auto_height_easing'] = "null"; // Will be editable in admin in the future
204
 
css/admin.css CHANGED
@@ -44,6 +44,111 @@
44
  background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec); /* new Webkit */
45
  background-image: linear-gradient(top, #f9f9f9, #ececec); /* proposed W3C Markup */
46
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47
  .cs-header .cs-icon{
48
  float:left;
49
  padding:6px;
@@ -70,6 +175,9 @@
70
  .cs-title{
71
  float:left;
72
  padding:5px 6px;
 
 
 
73
  }
74
  .rtl .cs-title{
75
  float:right;
@@ -313,6 +421,12 @@
313
  max-width:40%;
314
  }
315
 
 
 
 
 
 
 
316
 
317
  .cycloneslider-slide-meta-speed,
318
  .cycloneslider-slide-meta-timeout,
44
  background-image: -webkit-linear-gradient(top, #f9f9f9, #ececec); /* new Webkit */
45
  background-image: linear-gradient(top, #f9f9f9, #ececec); /* proposed W3C Markup */
46
  }
47
+ .admin-color-light .cs-header {
48
+ background-color: #F9F9F9;
49
+ background-image: none;
50
+ }
51
+
52
+ /* Admin - Blue */
53
+ .admin-color-blue .cs-title,
54
+ .admin-color-blue .cs-header .cs-icon,
55
+ .admin-color-blue .cs-templates,
56
+ .admin-color-blue .cs-templates .body.active,
57
+ .admin-color-blue .cs-templates a,
58
+ .admin-color-blue.cycloneslider h2,
59
+ .admin-color-blue.cycloneslider h3,
60
+ .admin-color-blue.cycloneslider .meta-box-sortables,
61
+ .admin-color-blue .expandable-header,
62
+ .admin-color-blue .cs-slide .note,
63
+ .admin-color-blue .cycloneslider-field .note {
64
+ color: #0C4D63;
65
+ }
66
+
67
+ /* Admin - Ocean */
68
+ .admin-color-ocean .cs-title,
69
+ .admin-color-ocean .cs-header .cs-icon,
70
+ .admin-color-ocean .cs-templates,
71
+ .admin-color-ocean .cs-templates .body.active,
72
+ .admin-color-ocean .cs-templates a,
73
+ .admin-color-ocean.cycloneslider h2,
74
+ .admin-color-ocean.cycloneslider h3,
75
+ .admin-color-ocean.cycloneslider .meta-box-sortables,
76
+ .admin-color-ocean .expandable-header,
77
+ .admin-color-ocean .cs-slide .note,
78
+ .admin-color-ocean .cycloneslider-field .note {
79
+ color: #516166;
80
+ }
81
+
82
+ /* Admin - Coffee */
83
+ .admin-color-coffee .cs-title,
84
+ .admin-color-coffee .cs-header .cs-icon,
85
+ .admin-color-coffee .cs-templates,
86
+ .admin-color-coffee .cs-templates a,
87
+ .admin-color-coffee.cycloneslider h2,
88
+ .admin-color-coffee.cycloneslider h3,
89
+ .admin-color-coffee.cycloneslider .meta-box-sortables,
90
+ .admin-color-coffee .expandable-header,
91
+ .admin-color-coffee .cs-slide .note,
92
+ .admin-color-coffee .cycloneslider-field .note {
93
+ color: #59524C;
94
+ }
95
+ .admin-color-coffee .cs-templates .body.active,
96
+ .admin-color-coffee .cs-templates .body.active a{
97
+ color: #46403C;
98
+ }
99
+ .admin-color-coffee .cs-header,
100
+ .admin-color-coffee .cs-body,
101
+ .admin-color-coffee .cs-header .cs-icon,
102
+ .admin-color-coffee .cs-slide-type-bar {
103
+ border-color: #D8CCC2;
104
+ }
105
+ .admin-color-coffee .cs-slide:hover .cs-header,
106
+ .admin-color-coffee .cs-slide:hover .cs-body{
107
+ border-color: #CABCB1;
108
+ }
109
+
110
+ /* Admin - Ectoplasm */
111
+ .admin-color-ectoplasm .cs-title,
112
+ .admin-color-ectoplasm .cs-header .cs-icon,
113
+ .admin-color-ectoplasm .cs-templates,
114
+ .admin-color-ectoplasm .cs-templates a,
115
+ .admin-color-ectoplasm.cycloneslider h2,
116
+ .admin-color-ectoplasm.cycloneslider h3,
117
+ .admin-color-ectoplasm.cycloneslider .meta-box-sortables,
118
+ .admin-color-ectoplasm .expandable-header,
119
+ .admin-color-ectoplasm .cs-slide .note,
120
+ .admin-color-ectoplasm .cycloneslider-field .note {
121
+ color: #413256;
122
+ }
123
+ .admin-color-ectoplasm .cs-templates .body.active{
124
+ color: #523F6D;
125
+ }
126
+ .admin-color-ectoplasm .cs-header,
127
+ .admin-color-ectoplasm .cs-body,
128
+ .admin-color-ectoplasm .cs-header .cs-icon,
129
+ .admin-color-ectoplasm .cs-slide-type-bar {
130
+ border-color: #D8CAEC;
131
+ }
132
+ .admin-color-ectoplasm .cs-slide:hover .cs-header,
133
+ .admin-color-ectoplasm .cs-slide:hover .cs-body{
134
+ border-color: #BEB1CF;
135
+ }
136
+
137
+ /* Admin - Sunrise */
138
+ .admin-color-sunrise .cs-title,
139
+ .admin-color-sunrise .cs-header .cs-icon,
140
+ .admin-color-sunrise .cs-templates,
141
+ .admin-color-sunrise .cs-templates .body.active,
142
+ .admin-color-sunrise .cs-templates a,
143
+ .admin-color-sunrise.cycloneslider h2,
144
+ .admin-color-sunrise.cycloneslider h3,
145
+ .admin-color-sunrise.cycloneslider .meta-box-sortables,
146
+ .admin-color-sunrise .expandable-header,
147
+ .admin-color-sunrise .cs-slide .note,
148
+ .admin-color-sunrise .cycloneslider-field .note {
149
+ color: #8B3B38;
150
+ }
151
+
152
  .cs-header .cs-icon{
153
  float:left;
154
  padding:6px;
175
  .cs-title{
176
  float:left;
177
  padding:5px 6px;
178
+ max-width: 60%;
179
+ white-space: nowrap;
180
+ overflow: hidden;
181
  }
182
  .rtl .cs-title{
183
  float:right;
421
  max-width:40%;
422
  }
423
 
424
+ .field-normal {
425
+ padding-top:10px;
426
+ }
427
+ .field-normal label{
428
+ font-weight: normal;
429
+ }
430
 
431
  .cycloneslider-slide-meta-speed,
432
  .cycloneslider-slide-meta-timeout,
cyclone-slider.php CHANGED
@@ -1,9 +1,9 @@
1
  <?php
2
  /*
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.8.0
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.8.0' );
29
  }
30
  if(!defined('CYCLONE_PATH')){
31
  define('CYCLONE_PATH', realpath(plugin_dir_path(__FILE__)) . DIRECTORY_SEPARATOR );
1
  <?php
2
  /*
3
  Plugin Name: Cyclone Slider 2
4
+ Plugin URI: http://www.codefleet.net/cyclone-slider-2/
5
  Description: Create and manage sliders with ease. Built for both casual users and developers.
6
+ Version: 2.8.1
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.8.1' );
29
  }
30
  if(!defined('CYCLONE_PATH')){
31
  define('CYCLONE_PATH', realpath(plugin_dir_path(__FILE__)) . DIRECTORY_SEPARATOR );
js/admin.js CHANGED
@@ -98,6 +98,18 @@ jQuery(document).ready(function($){
98
  $(field).attr('name',name);
99
  }
100
  });
 
 
 
 
 
 
 
 
 
 
 
 
101
  });
102
  }
103
  });
98
  $(field).attr('name',name);
99
  }
100
  });
101
+ $(box).find('.cs-changeling-id').each(function(i, field){ /*** Loop thru relevant fields ***/
102
+ var name = $(field).attr('id');
103
+ if(name){
104
+ name = name.replace(/[0-9]+/, boxIndex); /*** Replace all ad_asdasd-x ***/
105
+ $(field).attr('id',name);
106
+ }
107
+ var name = $(field).attr('for');
108
+ if(name){
109
+ name = name.replace(/[0-9]+/, boxIndex); /*** Replace all ad_asdasd-x ***/
110
+ $(field).attr('for',name);
111
+ }
112
+ });
113
  });
114
  }
115
  });
views/slide-edit.php CHANGED
@@ -26,7 +26,6 @@
26
  <option value="youtube" <?php selected($slide['type'], 'youtube'); ?>><?php _e('YouTube', 'cycloneslider'); ?></option>
27
  <option value="vimeo" <?php selected($slide['type'], 'vimeo'); ?>><?php _e('Vimeo', 'cycloneslider'); ?></option>
28
  <option value="custom" <?php selected($slide['type'], 'custom'); ?>><?php _e('Custom HTML', 'cycloneslider'); ?></option>
29
- <option value="video" <?php selected($slide['type'], 'video'); ?>><?php _e('Video (Old Version)', 'cycloneslider'); ?></option>
30
  </select>
31
  </div>
32
  <div class="clear"></div>
@@ -150,11 +149,16 @@
150
  <div class="clear"></div>
151
  </div><!-- // end .cs-slide-image -->
152
  <div class="cs-slide-youtube">
153
- <div class="field last">
154
- <label for=""><?php _e('YouTube URL:', 'cycloneslider'); ?></label>
155
- <input type="text" class="widefat cs-youtube-url" name="cycloneslider_metas[<?php echo $i; ?>][youtube_url]" value="<?php echo esc_attr($slide['youtube_url']); ?>" />
156
  <span class="note"><?php _e('Copy and paste a valid YouTube URL here.', 'cycloneslider'); ?></span>
157
  </div>
 
 
 
 
 
158
  </div><!-- // end .cs-slide-youtube -->
159
  <div class="cs-slide-vimeo">
160
  <div class="field last">
@@ -169,41 +173,6 @@
169
  <textarea class="widefat cs-custom-html" name="cycloneslider_metas[<?php echo $i; ?>][custom]"><?php echo esc_textarea($slide['custom']); ?></textarea>
170
  </div>
171
  </div><!-- // end .cs-slide-custom -->
172
-
173
- <div class="cs-slide-video">
174
- <div class="cs-video-error">
175
- <p><?php _e('This video slide is problematic. Please consider using YouTube, Vimeo or Custom slide type for videos. This slide will be removed in the future and will be replaced with a better one.', 'cycloneslider'); ?></p>
176
- </div>
177
- <div class="cs-video-preview">
178
- <div class="cs-video-thumb" <?php echo (empty($slide['video_thumb'])) ? 'style="display:none"' : '';?>>
179
- <?php if($slide['video_thumb']): ?>
180
- <img src="<?php echo esc_url($slide['video_thumb']); ?>" alt="thumb">
181
- <?php endif; ?>
182
- </div>
183
-
184
- <div class="field">
185
- <input class="widefat cs-video-thumb-url" name="cycloneslider_metas[<?php echo $i; ?>][video_thumb]" type="hidden" value="<?php echo esc_attr($slide['video_thumb']); ?>" />
186
- <label for=""><?php _e('Video URL:', 'cycloneslider'); ?></label>
187
- <input class="widefat cs-video-url" name="cycloneslider_metas[<?php echo $i; ?>][video_url]" type="text" value="<?php echo esc_attr($slide['video_url']); ?>" />
188
- <span class="note"><?php _e('Copy and paste a Youtube or Vimeo URL and hit the Get Video button.', 'cycloneslider'); ?></span>
189
- <div class="clear"></div>
190
- </div>
191
- <div class="field last">
192
- <input class="button-secondary cs-button-update cs-video-get" type="button" value="<?php _e('Get Video', 'cycloneslider'); ?>" />
193
- </div>
194
- </div>
195
- <div class="cs-video-settings">
196
- <div class="field last">
197
- <label for=""><?php _e('Embed Code', 'cycloneslider'); ?></label>
198
- <textarea class="widefat cs-video-embed" rows="10" name="cycloneslider_metas[<?php echo $i; ?>][video]"><?php echo esc_textarea($slide['video']); ?></textarea>
199
- <span class="note"><?php _e('You can place your embed code directly here. Or you can use the Get Video button to generate the embed code.', 'cycloneslider'); ?></span>
200
- <br><br>
201
- <span class="note"><?php _e('<strong>Note:</strong> The Slide Properties and Tile effects are not supported for videos.', 'cycloneslider'); ?></span>
202
- <br>
203
- <span class="note"><?php _e('<strong>Note:</strong> Append &wmode=transparent to the embed code src attribute to make HTML elements appear on top of Flash.', 'cycloneslider'); ?></span>
204
- </div>
205
- </div>
206
- </div><!-- // end .cs-slide-video -->
207
  <div class="clear"></div>
208
  <?php echo $debug ?>
209
  </div>
26
  <option value="youtube" <?php selected($slide['type'], 'youtube'); ?>><?php _e('YouTube', 'cycloneslider'); ?></option>
27
  <option value="vimeo" <?php selected($slide['type'], 'vimeo'); ?>><?php _e('Vimeo', 'cycloneslider'); ?></option>
28
  <option value="custom" <?php selected($slide['type'], 'custom'); ?>><?php _e('Custom HTML', 'cycloneslider'); ?></option>
 
29
  </select>
30
  </div>
31
  <div class="clear"></div>
149
  <div class="clear"></div>
150
  </div><!-- // end .cs-slide-image -->
151
  <div class="cs-slide-youtube">
152
+ <div class="field">
153
+ <label for="cs_youtube_url-<?php echo $i; ?>" class="cs-changeling-id"><?php _e('YouTube URL:', 'cycloneslider'); ?></label>
154
+ <input id="cs_youtube_url-<?php echo $i; ?>" type="text" class="widefat cs-changeling-id cs-youtube-url" name="cycloneslider_metas[<?php echo $i; ?>][youtube_url]" value="<?php echo esc_attr($slide['youtube_url']); ?>" />
155
  <span class="note"><?php _e('Copy and paste a valid YouTube URL here.', 'cycloneslider'); ?></span>
156
  </div>
157
+ <div class="field field-normal last">
158
+ <input type="hidden" name="cycloneslider_metas[<?php echo $i; ?>][youtube_related]" value="false" />
159
+ <input id="cs_youtube_related-<?php echo $i; ?>" type="checkbox" class="widefat cs-changeling-id cs-youtube-related" name="cycloneslider_metas[<?php echo $i; ?>][youtube_related]" value="true" <?php checked( $slide['youtube_related'], 'false' ); ?> />
160
+ <label for="cs_youtube_related-<?php echo $i; ?>" class="cs-changeling-id"><?php _e('Do not show suggested videos when the video finishes.', 'cycloneslider'); ?></label>
161
+ </div>
162
  </div><!-- // end .cs-slide-youtube -->
163
  <div class="cs-slide-vimeo">
164
  <div class="field last">
173
  <textarea class="widefat cs-custom-html" name="cycloneslider_metas[<?php echo $i; ?>][custom]"><?php echo esc_textarea($slide['custom']); ?></textarea>
174
  </div>
175
  </div><!-- // end .cs-slide-custom -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
176
  <div class="clear"></div>
177
  <?php echo $debug ?>
178
  </div>