Slider by WD – Responsive Slider - Version 1.1.56

Version Description

  • Fixed: Slider with fixed background.
  • Fixed: Buttons styles in backend.
Download this release

Release Info

Developer webdorado
Plugin Icon 128x128 Slider by WD – Responsive Slider
Version 1.1.56
Comparing to
See all releases

Code changes from version 1.1.55 to 1.1.56

Files changed (6) hide show
  1. admin/views/WDSViewSliders_wds.php +25 -25
  2. css/wds_tables.css +102 -0
  3. frontend/views/WDSViewSlider.php +78 -10
  4. js/wds.js +1 -1
  5. readme.txt +4 -1
  6. slider-wd.php +2 -2
admin/views/WDSViewSliders_wds.php CHANGED
@@ -852,7 +852,7 @@ class WDSViewSliders_wds {
852
  </td>
853
  <td>
854
  <input type="text" id="music_url" name="music_url" size="39" value="<?php echo $row->music_url; ?>" style="display:inline-block;" />
855
- <input id="add_music_url" class="button-primary" type="button" onclick="spider_media_uploader('music', event, false); return false;" value="Add music" />
856
  <div class="spider_description">Only .aac,.m4a,.f4a,.mp3,.ogg,.oga formats are supported.</div>
857
  </td>
858
  </tr>
@@ -945,7 +945,7 @@ class WDSViewSliders_wds {
945
  <input type="hidden" id="possib_add_ffamily" name="possib_add_ffamily" value="<?php echo $row->possib_add_ffamily; ?>" />
946
  <input type="hidden" id="possib_add_ffamily_google" name="possib_add_ffamily_google" value="<?php echo $row->possib_add_ffamily_google; ?>" />
947
  <input id="possib_add_google_fonts" type="checkbox" name="possib_add_google_fonts" <?php echo (($row->possib_add_google_fonts) ? 'checked="checked"' : ''); ?> value="1" /><label for="possib_add_google_fonts">Add to Google fonts</label>
948
- <input id="add_font_family" class="button-primary" type="button" onclick="spider_ajax_save('sliders_form', event); return false;" value="Add font-family" />
949
  <div class="spider_description">The added font family will appear in the drop-down list of fonts.</div>
950
  </td>
951
  </tr>
@@ -1143,12 +1143,12 @@ class WDSViewSliders_wds {
1143
  <td>
1144
  <div style="display: table;">
1145
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1146
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button" onclick="alert('This functionality is disabled in free version.')" />
1147
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1148
  </div>
1149
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1150
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button" onclick="alert('This functionality is disabled in free version.')" />
1151
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1152
  </div>
1153
  <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
1154
  <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
@@ -1157,7 +1157,7 @@ class WDSViewSliders_wds {
1157
  <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1158
  </div>
1159
  <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1160
- <input type="button" class="button button-small wds_reverse" onclick="wds_change_custom_src()" value="Reverse" />
1161
  </div>
1162
  </div>
1163
  </td>
@@ -1274,7 +1274,7 @@ class WDSViewSliders_wds {
1274
  </div>
1275
  </div>
1276
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1277
- <input type="button" class="button button-small wds_reverse" onclick="change_src()" value="Reverse" />
1278
  </div>
1279
  </div>
1280
  <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
@@ -1332,12 +1332,12 @@ class WDSViewSliders_wds {
1332
  <td>
1333
  <div style="display: table;">
1334
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1335
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button" onclick="alert('This functionality is disabled in free version.')" />
1336
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1337
  </div>
1338
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1339
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button" onclick="alert('This functionality is disabled in free version.')" />
1340
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1341
  </div>
1342
  <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1343
  <img id="play_butt_img" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
@@ -1346,7 +1346,7 @@ class WDSViewSliders_wds {
1346
  <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1347
  </div>
1348
  <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1349
- <input type="button" class="button button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="Reverse" />
1350
  </div>
1351
  </div>
1352
  </td>
@@ -1463,7 +1463,7 @@ class WDSViewSliders_wds {
1463
  </div>
1464
  </div>
1465
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1466
- <input type="button" class="button button-small wds_reverse" onclick="change_play_paus_src()" value="Reverse" />
1467
  </div>
1468
  </div>
1469
  <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
@@ -1676,17 +1676,17 @@ class WDSViewSliders_wds {
1676
  <td>
1677
  <div style="display: table;">
1678
  <div style="display: table-cell; vertical-align: middle;">
1679
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Active Button" onclick="alert('This functionality is disabled in free version.')" />
1680
  </div>
1681
  <div style="display: table-cell; vertical-align: middle;">
1682
- <input class="button-secondary wds_free_button" type="button" value="Deactive Button" onclick="alert('This functionality is disabled in free version.')" />
1683
  </div>
1684
  <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1685
  <img id="bull_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1686
  <img id="bull_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1687
  </div>
1688
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1689
- <input type="button" class="button button-small wds_reverse" onclick="wds_change_bullets_custom_src()" value="Reverse" />
1690
  </div>
1691
  </div>
1692
  </td>
@@ -1743,7 +1743,7 @@ class WDSViewSliders_wds {
1743
  </div>
1744
  </div>
1745
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1746
- <input type="button" class="button button-small wds_reverse" onclick="change_bullets_src()" value="Reverse" />
1747
  </div>
1748
  </div>
1749
  <div class="spider_description">Choose the type and color for the bullets. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
@@ -1958,12 +1958,12 @@ class WDSViewSliders_wds {
1958
  <?php
1959
  if (!$row->spider_uploader) {
1960
  ?>
1961
- <input id="wat_img_add_butt" class="button-primary" type="button" onclick="spider_media_uploader('watermark', event, false); return false;" value="Add Image" />
1962
  <?php
1963
  }
1964
  else {
1965
  ?>
1966
- <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'watermark', 'TB_iframe' => '1'), $query_url); ?>" class="button-primary thickbox thickbox-preview" title="Add Image" onclick="return false;">
1967
  Add Image
1968
  </a>
1969
  <?php
@@ -2755,7 +2755,7 @@ class WDSViewSliders_wds {
2755
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2756
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> px
2757
  <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Scale</label>
2758
- <input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert('This functionality is disabled in free version.')" />
2759
  <div class="spider_description">Set width and height of the image.</div>
2760
  </td>
2761
  </tr>
@@ -3149,14 +3149,14 @@ class WDSViewSliders_wds {
3149
  <div class="opacity_add_image_url opacity_add_video wds_opacity_video" onclick="jQuery('.opacity_add_video').hide();jQuery('.opacity_add_image_url').hide();"></div>
3150
  <div class="opacity_add_video wds_add_video">
3151
  <input type="text" id="video_url" name="video_url" value="" />
3152
- <input type="button" id="add_video_button" class="button-primary" value="Add" />
3153
- <input type="button" class="button-secondary" onclick="jQuery('.opacity_add_video').hide(); return false;" value="Cancel" />
3154
  <div class="spider_description">Enter YouTube or Vimeo link here.</div>
3155
  </div>
3156
  <div class="opacity_add_image_url wds_resize_image">
3157
  <input type="text" id="image_url_input" name="image_url_input" value="" />
3158
- <input type="button" id="add_image_url_button" class="button-primary" value="Add" />
3159
- <input type="button" class="button-secondary" onclick="jQuery('.opacity_add_image_url').hide(); return false;" value="Cancel" />
3160
  <div class="spider_description">Enter absolute url of the image.</div>
3161
  </div>
3162
  </form>
852
  </td>
853
  <td>
854
  <input type="text" id="music_url" name="music_url" size="39" value="<?php echo $row->music_url; ?>" style="display:inline-block;" />
855
+ <input id="add_music_url" class="wds_not_image_buttons" type="button" onclick="spider_media_uploader('music', event, false); return false;" value="Add music" />
856
  <div class="spider_description">Only .aac,.m4a,.f4a,.mp3,.ogg,.oga formats are supported.</div>
857
  </td>
858
  </tr>
945
  <input type="hidden" id="possib_add_ffamily" name="possib_add_ffamily" value="<?php echo $row->possib_add_ffamily; ?>" />
946
  <input type="hidden" id="possib_add_ffamily_google" name="possib_add_ffamily_google" value="<?php echo $row->possib_add_ffamily_google; ?>" />
947
  <input id="possib_add_google_fonts" type="checkbox" name="possib_add_google_fonts" <?php echo (($row->possib_add_google_fonts) ? 'checked="checked"' : ''); ?> value="1" /><label for="possib_add_google_fonts">Add to Google fonts</label>
948
+ <input id="add_font_family" class="wds_not_image_buttons" type="button" onclick="spider_ajax_save('sliders_form', event); return false;" value="Add font-family" />
949
  <div class="spider_description">The added font family will appear in the drop-down list of fonts.</div>
950
  </td>
951
  </tr>
1143
  <td>
1144
  <div style="display: table;">
1145
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1146
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button" onclick="alert('This functionality is disabled in free version.')" />
1147
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1148
  </div>
1149
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1150
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button" onclick="alert('This functionality is disabled in free version.')" />
1151
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1152
  </div>
1153
  <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
1154
  <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1157
  <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1158
  </div>
1159
  <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1160
+ <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="wds_change_custom_src()" value="Reverse" />
1161
  </div>
1162
  </div>
1163
  </td>
1274
  </div>
1275
  </div>
1276
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1277
+ <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="change_src()" value="Reverse" />
1278
  </div>
1279
  </div>
1280
  <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1332
  <td>
1333
  <div style="display: table;">
1334
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1335
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button" onclick="alert('This functionality is disabled in free version.')" />
1336
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1337
  </div>
1338
  <div style="display: table-cell; vertical-align: middle;" class="display_block">
1339
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button" onclick="alert('This functionality is disabled in free version.')" />
1340
+ <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1341
  </div>
1342
  <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1343
  <img id="play_butt_img" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1346
  <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1347
  </div>
1348
  <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1349
+ <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="Reverse" />
1350
  </div>
1351
  </div>
1352
  </td>
1463
  </div>
1464
  </div>
1465
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1466
+ <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="change_play_paus_src()" value="Reverse" />
1467
  </div>
1468
  </div>
1469
  <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1676
  <td>
1677
  <div style="display: table;">
1678
  <div style="display: table-cell; vertical-align: middle;">
1679
+ <input class="wds_bull_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="Active Button" onclick="alert('This functionality is disabled in free version.')" />
1680
  </div>
1681
  <div style="display: table-cell; vertical-align: middle;">
1682
+ <input class="wds_bull_buttons wds_free_button" type="button" value="Deactive Button" onclick="alert('This functionality is disabled in free version.')" />
1683
  </div>
1684
  <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1685
  <img id="bull_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1686
  <img id="bull_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1687
  </div>
1688
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1689
+ <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="wds_change_bullets_custom_src()" value="Reverse" />
1690
  </div>
1691
  </div>
1692
  </td>
1743
  </div>
1744
  </div>
1745
  <div style="display: table-cell; text-align: center; vertical-align: middle;">
1746
+ <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="change_bullets_src()" value="Reverse" />
1747
  </div>
1748
  </div>
1749
  <div class="spider_description">Choose the type and color for the bullets. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1958
  <?php
1959
  if (!$row->spider_uploader) {
1960
  ?>
1961
+ <input id="wat_img_add_butt" class="wds_not_image_buttons" type="button" onclick="spider_media_uploader('watermark', event, false); return false;" value="Add Image" />
1962
  <?php
1963
  }
1964
  else {
1965
  ?>
1966
+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'watermark', 'TB_iframe' => '1'), $query_url); ?>" class="wds_not_image_buttons thickbox thickbox-preview" title="Add Image" onclick="return false;">
1967
  Add Image
1968
  </a>
1969
  <?php
2755
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2756
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> px
2757
  <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Scale</label>
2758
+ <input class="wds_not_image_buttons_grey wds_free_button" type="button" value="Edit Image" onclick="alert('This functionality is disabled in free version.')" />
2759
  <div class="spider_description">Set width and height of the image.</div>
2760
  </td>
2761
  </tr>
3149
  <div class="opacity_add_image_url opacity_add_video wds_opacity_video" onclick="jQuery('.opacity_add_video').hide();jQuery('.opacity_add_image_url').hide();"></div>
3150
  <div class="opacity_add_video wds_add_video">
3151
  <input type="text" id="video_url" name="video_url" value="" />
3152
+ <input type="button" id="add_video_button" class="wds_not_image_buttons" value="Add" />
3153
+ <input type="button" class="wds_not_image_buttons_grey" onclick="jQuery('.opacity_add_video').hide(); return false;" value="Cancel" />
3154
  <div class="spider_description">Enter YouTube or Vimeo link here.</div>
3155
  </div>
3156
  <div class="opacity_add_image_url wds_resize_image">
3157
  <input type="text" id="image_url_input" name="image_url_input" value="" />
3158
+ <input type="button" id="add_image_url_button" class="wds_not_image_buttons" value="Add" />
3159
+ <input type="button" class="wds_not_image_buttons_grey" onclick="jQuery('.opacity_add_image_url').hide(); return false;" value="Cancel" />
3160
  <div class="spider_description">Enter absolute url of the image.</div>
3161
  </div>
3162
  </form>
css/wds_tables.css CHANGED
@@ -1715,4 +1715,106 @@ th.sorted a span {
1715
  .wds-page-actions {
1716
  float: right;
1717
  padding: 4px 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1718
  }
1715
  .wds-page-actions {
1716
  float: right;
1717
  padding: 4px 0;
1718
+ }
1719
+ .wds_nav_buttons {
1720
+ background-position-y: 22%;
1721
+ color: #FFFFFF !important;
1722
+ background-repeat: no-repeat;
1723
+ background-color: #00A0D2;
1724
+ padding: 0 12px 1px 7px;
1725
+ margin: 0;
1726
+ display: inline-block;
1727
+ text-decoration: none;
1728
+ font-size: 13px;
1729
+ line-height: 30px;
1730
+ height: 30px;
1731
+ cursor: pointer;
1732
+ border: 0;
1733
+ border-bottom: 3px solid #258AA6;
1734
+ -webkit-appearance: none;
1735
+ white-space: nowrap;
1736
+ -webkit-box-sizing: border-box;
1737
+ -moz-box-sizing: border-box;
1738
+ box-sizing: border-box;
1739
+ }
1740
+ .wds_bull_buttons {
1741
+ background-position-y: 22%;
1742
+ color: #FFFFFF !important;
1743
+ background-repeat: no-repeat;
1744
+ background-color: #00A0D2;
1745
+ padding: 0 10px 1px 7px;
1746
+ margin: 0;
1747
+ display: inline-block;
1748
+ text-decoration: none;
1749
+ font-size: 13px;
1750
+ line-height: 30px;
1751
+ height: 30px;
1752
+ cursor: pointer;
1753
+ border: 0;
1754
+ border-bottom: 3px solid #258AA6;
1755
+ -webkit-appearance: none;
1756
+ white-space: nowrap;
1757
+ -webkit-box-sizing: border-box;
1758
+ -moz-box-sizing: border-box;
1759
+ box-sizing: border-box;
1760
+ }
1761
+ .wds_not_image_buttons {
1762
+ background-position-y: 22%;
1763
+ color: #FFFFFF !important;
1764
+ background-repeat: no-repeat;
1765
+ background-color: #00A0D2;
1766
+ padding: 0 11px 1px 11px;
1767
+ margin: 0;
1768
+ display: inline-block;
1769
+ text-decoration: none;
1770
+ font-size: 13px;
1771
+ line-height: 30px;
1772
+ height: 30px;
1773
+ cursor: pointer;
1774
+ border: 0;
1775
+ border-top: 1px solid #00A0D2;
1776
+ border-bottom: 3px solid #258AA6;
1777
+ -webkit-appearance: none;
1778
+ white-space: nowrap;
1779
+ -webkit-box-sizing: border-box;
1780
+ -moz-box-sizing: border-box;
1781
+ box-sizing: border-box;
1782
+ }
1783
+ .wds_reverse_buttons {
1784
+ background-color: #FFFFFF;
1785
+ padding: 0 7px;
1786
+ margin: 0;
1787
+ display: inline-block;
1788
+ text-decoration: none;
1789
+ font-size: 13px;
1790
+ line-height: 32px;
1791
+ height: 32px;
1792
+ cursor: pointer;
1793
+ border: 1px solid #ddd;
1794
+ -webkit-appearance: none;
1795
+ white-space: nowrap;
1796
+ -webkit-box-sizing: border-box;
1797
+ -moz-box-sizing: border-box;
1798
+ box-sizing: border-box;
1799
+ color:#666;
1800
+ }
1801
+ .wds_not_image_buttons_grey{
1802
+ background-position-y: 22%;
1803
+ color: #666 !important;
1804
+ background-repeat: no-repeat;
1805
+ background-color: #F0F0F0;
1806
+ padding: 0px 11px 2px 11px;
1807
+ margin-top: 1px;
1808
+ display: inline-block;
1809
+ text-decoration: none;
1810
+ font-size: 13px;
1811
+ line-height: 30px;
1812
+ height: 30px;
1813
+ cursor: pointer;
1814
+ border: 1px solid #ddd;
1815
+ -webkit-appearance: none;
1816
+ white-space: nowrap;
1817
+ -webkit-box-sizing: border-box;
1818
+ -moz-box-sizing: border-box;
1819
+ box-sizing: border-box;
1820
  }
frontend/views/WDSViewSlider.php CHANGED
@@ -210,7 +210,6 @@ class WDSViewSlider {
210
  background-position: <?php echo ($smart_crop == '1' && ($slider_row->bg_fit == 'cover' || $slider_row->bg_fit == 'contain')) ? $crop_image_position : 'center center'; ?>;
211
  background-repeat: no-repeat;
212
  background-size: <?php echo $slider_row->bg_fit; ?>;
213
- <?php echo $fixed_bg ? 'background-attachment: fixed;' : ''; ?>
214
  width: 100%;
215
  }
216
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_container_<?php echo $wds; ?> {
@@ -541,7 +540,7 @@ class WDSViewSlider {
541
  font-size: 0;
542
  margin: 0 auto;
543
  position: relative;
544
- z-index: 15;
545
  }
546
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> {
547
  display: inline-block;
@@ -551,6 +550,7 @@ class WDSViewSlider {
551
  z-index: 17;
552
  }
553
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_active_<?php echo $wds; ?> {
 
554
  opacity: 1;
555
  filter: Alpha(opacity=100);
556
  <?php
@@ -573,11 +573,6 @@ class WDSViewSlider {
573
  border-radius: <?php echo $slider_row->bull_radius; ?>;
574
  <?php
575
  }
576
- else if ($slider_row->bull_butt_img_or_not == 'style') {
577
- ?>
578
- color: #<?php echo $slider_row->bull_act_color; ?>;
579
- <?php
580
- }
581
  ?>
582
  }
583
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_deactive_<?php echo $wds; ?> {
@@ -785,7 +780,7 @@ class WDSViewSlider {
785
  }
786
  }
787
  }
788
- ?>
789
  </script>
790
  <div id="wds_container1_<?php echo $wds; ?>">
791
  <div class="wds_loading">
@@ -1638,6 +1633,7 @@ class WDSViewSlider {
1638
  }
1639
  }, wds_duration_for_change_<?php echo $wds; ?>);
1640
  }
 
1641
  <?php if(isset($callback_items["onSliderCS"])) echo $callback_items["onSliderCS"]; ?>
1642
  }
1643
  function wds_resize_slider_<?php echo $wds; ?>() {
@@ -1686,6 +1682,9 @@ class WDSViewSlider {
1686
  wds_theImage.src = jQuery(this).attr("src");
1687
  var wds_origWidth = wds_theImage.width;
1688
  var wds_origHeight = wds_theImage.height;
 
 
 
1689
  var wds_imageWidth = jQuery(this).attr("wds_image_width");
1690
  var wds_imageHeight = jQuery(this).attr("wds_image_height");
1691
  var wds_width = wds_imageWidth;
@@ -1730,6 +1729,7 @@ class WDSViewSlider {
1730
  paddingBottom: (parseFloat(jQuery(this).attr("wds_fpaddingb")) * ratio) + "px",
1731
  });
1732
  });
 
1733
  }
1734
  /* Generate background position for Zoom Fade effect.*/
1735
  function wds_genBgPos_<?php echo $wds; ?>() {
@@ -1771,9 +1771,74 @@ class WDSViewSlider {
1771
  wds_ready_<?php echo $wds; ?>();
1772
  });
1773
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1774
  function wds_ready_<?php echo $wds; ?>() {
1775
  <?php
1776
- if(isset($callback_items["onSliderI"])) echo $callback_items["onSliderI"];
 
 
1777
  if ($enable_slideshow_autoplay && $slider_row->stop_animation) {
1778
  ?>
1779
  jQuery("#wds_container1_<?php echo $wds; ?>").mouseover(function(e) {
@@ -1991,7 +2056,7 @@ class WDSViewSlider {
1991
  if (<?php echo $enable_slideshow_autoplay; ?>) {
1992
  play_<?php echo $wds; ?>();
1993
 
1994
- jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("title", "<?php echo __('Pause', 'bwg'); ?>");
1995
  jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("class", "wds_ctrl_btn_<?php echo $wds; ?> wds_slideshow_play_pause_<?php echo $wds; ?> fa fa-pause");
1996
  if (<?php echo $enable_slideshow_music ?>) {
1997
  document.getElementById("wds_audio_<?php echo $wds; ?>").play();
@@ -2035,6 +2100,9 @@ class WDSViewSlider {
2035
  wds_set_layer_effect_out_<?php echo $wds; ?>(i, <?php echo $start_slide_num; ?>);
2036
  }
2037
  }
 
 
 
2038
  jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?>").hover(function() {
2039
  jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> i, .wds_slideshow_filmstrip_right_<?php echo $wds; ?> i").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2040
  }, function () {
210
  background-position: <?php echo ($smart_crop == '1' && ($slider_row->bg_fit == 'cover' || $slider_row->bg_fit == 'contain')) ? $crop_image_position : 'center center'; ?>;
211
  background-repeat: no-repeat;
212
  background-size: <?php echo $slider_row->bg_fit; ?>;
 
213
  width: 100%;
214
  }
215
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_container_<?php echo $wds; ?> {
540
  font-size: 0;
541
  margin: 0 auto;
542
  position: relative;
543
+ z-index: 999;
544
  }
545
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> {
546
  display: inline-block;
550
  z-index: 17;
551
  }
552
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_active_<?php echo $wds; ?> {
553
+ color: #<?php echo $slider_row->bull_act_color; ?>;
554
  opacity: 1;
555
  filter: Alpha(opacity=100);
556
  <?php
573
  border-radius: <?php echo $slider_row->bull_radius; ?>;
574
  <?php
575
  }
 
 
 
 
 
576
  ?>
577
  }
578
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_deactive_<?php echo $wds; ?> {
780
  }
781
  }
782
  }
783
+ ?>
784
  </script>
785
  <div id="wds_container1_<?php echo $wds; ?>">
786
  <div class="wds_loading">
1633
  }
1634
  }, wds_duration_for_change_<?php echo $wds; ?>);
1635
  }
1636
+ wds_window_fixed_size<?php echo $wds; ?>(next_image_class);
1637
  <?php if(isset($callback_items["onSliderCS"])) echo $callback_items["onSliderCS"]; ?>
1638
  }
1639
  function wds_resize_slider_<?php echo $wds; ?>() {
1682
  wds_theImage.src = jQuery(this).attr("src");
1683
  var wds_origWidth = wds_theImage.width;
1684
  var wds_origHeight = wds_theImage.height;
1685
+ if (typeof wds_theImage.remove != 'undefined') {
1686
+ wds_theImage.remove();
1687
+ }
1688
  var wds_imageWidth = jQuery(this).attr("wds_image_width");
1689
  var wds_imageHeight = jQuery(this).attr("wds_image_height");
1690
  var wds_width = wds_imageWidth;
1729
  paddingBottom: (parseFloat(jQuery(this).attr("wds_fpaddingb")) * ratio) + "px",
1730
  });
1731
  });
1732
+ wds_window_fixed_size<?php echo $wds; ?>("#wds_image_id_<?php echo $wds; ?>_" + wds_data_<?php echo $wds; ?>[parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val())]["id"]);
1733
  }
1734
  /* Generate background position for Zoom Fade effect.*/
1735
  function wds_genBgPos_<?php echo $wds; ?>() {
1771
  wds_ready_<?php echo $wds; ?>();
1772
  });
1773
  }
1774
+ if ('<?php echo $fixed_bg; ?>' == 1) {
1775
+ jQuery(window).scroll(function () {
1776
+ wds_window_fixed_pos<?php echo $wds; ?>();
1777
+ });
1778
+ }
1779
+ function wds_window_fixed_size<?php echo $wds; ?>(id) {
1780
+ if ('<?php echo $fixed_bg; ?>' != 1) {
1781
+ return;
1782
+ }
1783
+ var image = new Image();
1784
+ image.src = jQuery(id + " .wds_slideshow_image_<?php echo $wds; ?>").css('background-image').replace(/url\(|\)$|"/ig, '');
1785
+ var slide_bg_width = image.width;
1786
+ var slide_bg_height = image.height;
1787
+ if (typeof image.remove != 'undefined') {
1788
+ image.remove();
1789
+ }
1790
+ var window_height = jQuery(window).height();
1791
+ var window_width = jQuery(window).width();
1792
+ var width, height;
1793
+ if ('<?php echo $slider_row->bg_fit; ?>' == 'cover' || '<?php echo $slider_row->bg_fit; ?>' == 'contain') {
1794
+ var scale = Math.max(window_width / slide_bg_width, window_height / slide_bg_height);
1795
+ width = slide_bg_width * scale;
1796
+ height = slide_bg_height * scale;
1797
+ }
1798
+ else {
1799
+ width = window_width;
1800
+ height = window_height;
1801
+ }
1802
+ jQuery(id + " .wds_slideshow_image_<?php echo $wds; ?>").css({"background-size": width + "px " + height + "px"});
1803
+ wds_window_fixed_pos<?php echo $wds; ?>(id);
1804
+ }
1805
+ function wds_window_fixed_pos<?php echo $wds; ?>(id) {
1806
+ var cont = (typeof id == "undefined") ? "" : id + " ";
1807
+ var offset = jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").offset().top;
1808
+ var scrtop = jQuery(document).scrollTop();
1809
+ var sliderheight = jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").height();
1810
+ var window_height = jQuery(window).height();
1811
+ var fixed_pos;
1812
+ if ('<?php echo ($smart_crop == '1' && ($slider_row->bg_fit == 'cover' || $slider_row->bg_fit == 'contain')) ?>' ) {
1813
+ if ('<?php echo $crop_image_position; ?>' == 'right bottom'
1814
+ || '<?php echo $crop_image_position; ?>' == 'center bottom'
1815
+ || '<?php echo $crop_image_position; ?>' == 'left bottom') {
1816
+ pos_retion_height = "100%";
1817
+ }
1818
+ else if ('<?php echo $crop_image_position; ?>' == 'left center'
1819
+ || '<?php echo $crop_image_position; ?>' == 'center center'
1820
+ || '<?php echo $crop_image_position; ?>' == 'right center') {
1821
+ pos_retion_height = "50%";
1822
+ }
1823
+ else if ('<?php echo $crop_image_position; ?>' == 'left top'
1824
+ || '<?php echo $crop_image_position; ?>' == 'center top'
1825
+ || '<?php echo $crop_image_position; ?>' == 'right top') {
1826
+ pos_retion_height = "0%";
1827
+ }
1828
+ }
1829
+ fixed_pos = offset - scrtop - window_height / 2 + sliderheight / 2;
1830
+ jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").css({"background-position": "50% " + "calc(50% - " + fixed_pos + "px)"});
1831
+ if (scrtop < offset + sliderheight) {
1832
+ if ('<?php echo $smart_crop == '1' && ($slider_row->bg_fit == 'contain' || $slider_row->bg_fit == 'cover') ?>' == true) {
1833
+ jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").css({"background-position": "" + pos_retion_height + " " + "calc(50% - " + fixed_pos + "px)"});
1834
+ }
1835
+ }
1836
+ }
1837
  function wds_ready_<?php echo $wds; ?>() {
1838
  <?php
1839
+ if (isset($callback_items["onSliderI"])) {
1840
+ echo $callback_items["onSliderI"];
1841
+ }
1842
  if ($enable_slideshow_autoplay && $slider_row->stop_animation) {
1843
  ?>
1844
  jQuery("#wds_container1_<?php echo $wds; ?>").mouseover(function(e) {
2056
  if (<?php echo $enable_slideshow_autoplay; ?>) {
2057
  play_<?php echo $wds; ?>();
2058
 
2059
+ jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("title", "<?php echo __('Pause', 'wds'); ?>");
2060
  jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("class", "wds_ctrl_btn_<?php echo $wds; ?> wds_slideshow_play_pause_<?php echo $wds; ?> fa fa-pause");
2061
  if (<?php echo $enable_slideshow_music ?>) {
2062
  document.getElementById("wds_audio_<?php echo $wds; ?>").play();
2100
  wds_set_layer_effect_out_<?php echo $wds; ?>(i, <?php echo $start_slide_num; ?>);
2101
  }
2102
  }
2103
+ if ('<?php echo $fixed_bg; ?>' == 1) {
2104
+ wds_window_fixed_pos<?php echo $wds; ?>();
2105
+ }
2106
  jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?>").hover(function() {
2107
  jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> i, .wds_slideshow_filmstrip_right_<?php echo $wds; ?> i").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2108
  }, function () {
js/wds.js CHANGED
@@ -2167,7 +2167,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2167
  '<input type="text" name="' + prefix + '_image_width" id="' + prefix + '_image_width" value="" class="spider_int_input" onkeyup="wds_scale(\'#' + prefix + '_image_scale\', \'' + prefix + '\')" /> x ' +
2168
  '<input type="text" name="' + prefix + '_image_height" id="' + prefix + '_image_height" value="" class="spider_int_input" onkeyup="wds_scale(\'#' + prefix + '_image_scale\', \'' + prefix + '\')" /> px ' +
2169
  '<input type="checkbox" name="' + prefix + '_image_scale" id="' + prefix + '_image_scale" onchange="wds_scale(this, \'' + prefix + '\')" /><label for="' + prefix + '_image_scale">Scale</label>' +
2170
- '<input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert(\'This functionality is disabled in free version.\')" />' +
2171
  '<div class="spider_description">Set width and height of the image.</div></td>';
2172
  var social_button = '<td class="spider_label"><label for="' + prefix + '_social_button">Social button: </label></td>' +
2173
  '<td><select class="select_icon" name="' + prefix + '_social_button" id="' + prefix + '_social_button" onchange="jQuery(\'#' + prefix + '\').attr(\'class\', \'wds_draggable fa fa-\' + jQuery(this).val())">' + social_button_option + '</select><div class="spider_description"></div></td>';
2167
  '<input type="text" name="' + prefix + '_image_width" id="' + prefix + '_image_width" value="" class="spider_int_input" onkeyup="wds_scale(\'#' + prefix + '_image_scale\', \'' + prefix + '\')" /> x ' +
2168
  '<input type="text" name="' + prefix + '_image_height" id="' + prefix + '_image_height" value="" class="spider_int_input" onkeyup="wds_scale(\'#' + prefix + '_image_scale\', \'' + prefix + '\')" /> px ' +
2169
  '<input type="checkbox" name="' + prefix + '_image_scale" id="' + prefix + '_image_scale" onchange="wds_scale(this, \'' + prefix + '\')" /><label for="' + prefix + '_image_scale">Scale</label>' +
2170
+ '<input class="wds_not_image_buttons_grey wds_free_button" type="button" value="Edit Image" onclick="alert(\'This functionality is disabled in free version.\')" />' +
2171
  '<div class="spider_description">Set width and height of the image.</div></td>';
2172
  var social_button = '<td class="spider_label"><label for="' + prefix + '_social_button">Social button: </label></td>' +
2173
  '<td><select class="select_icon" name="' + prefix + '_social_button" id="' + prefix + '_social_button" onchange="jQuery(\'#' + prefix + '\').attr(\'class\', \'wds_draggable fa fa-\' + jQuery(this).val())">' + social_button_option + '</select><div class="spider_description"></div></td>';
readme.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: https://web-dorado.com/products/wordpress-slider-plugin.html
4
  Tags: image slider, slider, slideshow, image, images, responsive, shortcode, widget, jquery, gallery, swipe, layer
5
  Requires at least: 3.4
6
  Tested up to: 4.6
7
- Stable tag: 1.1.55
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -122,6 +122,9 @@ After downloading the ZIP file of the slider plugin,
122
 
123
  == Changelog ==
124
 
 
 
 
125
 
126
  = 1.1.55 =
127
  * Added: Merge sliders.
4
  Tags: image slider, slider, slideshow, image, images, responsive, shortcode, widget, jquery, gallery, swipe, layer
5
  Requires at least: 3.4
6
  Tested up to: 4.6
7
+ Stable tag: 1.1.56
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
122
 
123
  == Changelog ==
124
 
125
+ = 1.1.56 =
126
+ * Fixed: Slider with fixed background.
127
+ * Fixed: Buttons styles in backend.
128
 
129
  = 1.1.55 =
130
  * Added: Merge sliders.
slider-wd.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin Name: Slider WD
5
  * Plugin URI: https://web-dorado.com/products/wordpress-slider-plugin.html
6
  * Description: This is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.
7
- * Version: 1.1.55
8
  * Author: WebDorado
9
  * Author URI: https://web-dorado.com/
10
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
@@ -14,7 +14,7 @@ define('WD_S_NAME', plugin_basename(dirname(__FILE__)));
14
  define('WD_S_DIR', WP_PLUGIN_DIR . "/" . WD_S_NAME);
15
  define('WD_S_URL', plugins_url(WD_S_NAME));
16
 
17
- define('WD_S_VERSION', '1.1.55');
18
 
19
  function wds_use_home_url() {
20
  $home_url = str_replace("http://", "", home_url());
4
  * Plugin Name: Slider WD
5
  * Plugin URI: https://web-dorado.com/products/wordpress-slider-plugin.html
6
  * Description: This is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.
7
+ * Version: 1.1.56
8
  * Author: WebDorado
9
  * Author URI: https://web-dorado.com/
10
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
14
  define('WD_S_DIR', WP_PLUGIN_DIR . "/" . WD_S_NAME);
15
  define('WD_S_URL', plugins_url(WD_S_NAME));
16
 
17
+ define('WD_S_VERSION', '1.1.56');
18
 
19
  function wds_use_home_url() {
20
  $home_url = str_replace("http://", "", home_url());