public function unpublish_all() { global $wpdb; $flag = FALSE; if (isset($_POST['check_all_items'])) { $wpdb->query('UPDATE ' . $wpdb->prefix . 'wdsslider SET published=0'); $flag = TRUE; } else { $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider'); foreach ($sliders_ids_col as $slider_id) { if (isset($_POST['check_' . $slider_id])) { $flag = TRUE; $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 0), array('id' => $slider_id)); } } } if ($flag) { echo WDW_S_Library::message('Items Succesfully Unpublished.', 'updated'); } else { echo WDW_S_Library::message('You must select at least one item.', 'error'); } $this->display(); }
public function display($id, $from_shortcode = 0, $wds = 0) { $resolutions = array(320, 480, 640, 768, 800, 1024, 1366, 1824, 3000); require_once WD_S_DIR . '/framework/WDW_S_Library.php'; $slider_row = $this->model->get_slider_row_data($id); if (!$slider_row) { echo WDW_S_Library::message(__('There is no slider selected or the slider was deleted.', 'wds'), 'error'); return; } $image_right_click = $slider_row->image_right_click; $bull_position = $slider_row->bull_position; $bull_style_active = str_replace('-o', '', $slider_row->bull_style); $bull_style_deactive = $slider_row->bull_style; $bull_size_cont = $slider_row->bull_size + $slider_row->bull_margin * 2; $slide_rows = $this->model->get_slide_rows_data($id); if (!$slide_rows) { echo WDW_S_Library::message(__('There are no slides in this slider.', 'wds'), 'error'); } $image_width = $slider_row->width; $image_height = $slider_row->height; $slides_count = count($slide_rows); $slideshow_effect = $slider_row->effect == 'zoomFade' ? 'fade' : $slider_row->effect; $slideshow_interval = $slider_row->time_intervval; $circle_timer_size = (2 * $slider_row->timer_bar_size - 2) * 2; $enable_slideshow_shuffle = $slider_row->shuffle; $enable_prev_next_butt = $slider_row->prev_next_butt; $enable_play_paus_butt = $slider_row->play_paus_butt; if (!$enable_prev_next_butt && !$enable_play_paus_butt) { $enable_slideshow_autoplay = 1; } else { $enable_slideshow_autoplay = $slider_row->autoplay; } if ($enable_slideshow_autoplay && !$enable_play_paus_butt && $slides_count > 1) { $autoplay = TRUE; } else { $autoplay = FALSE; } if ($slider_row->navigation == 'always') { $navigation = 0; $pp_btn_opacity = 1; } else { $navigation = 4000; $pp_btn_opacity = 0; } $enable_slideshow_music = $slider_row->music; $slideshow_music_url = $slider_row->music_url; $filmstrip_direction = $slider_row->film_pos == 'right' || $slider_row->film_pos == 'left' ? 'vertical' : 'horizontal'; $filmstrip_position = $slider_row->film_pos; $filmstrip_thumb_margin_hor = 2 * $slider_row->film_tmb_margin; if ($filmstrip_position != 'none') { if ($filmstrip_direction == 'horizontal') { $filmstrip_width = $slider_row->film_thumb_width; $filmstrip_height = $slider_row->film_thumb_height; $filmstrip_width_in_percent = 0; } else { $filmstrip_width = $slider_row->film_thumb_width; $filmstrip_height = $slider_row->film_thumb_height; $filmstrip_width_in_percent = 100 * $slider_row->film_thumb_width / $image_width; } } else { $filmstrip_width = 0; $filmstrip_height = 0; $filmstrip_width_in_percent = 0; } $left_or_top = 'left'; $width_or_height = 'width'; $outerWidth_or_outerHeight = 'outerWidth'; if (!($filmstrip_direction == 'horizontal')) { $left_or_top = 'top'; $width_or_height = 'height'; $outerWidth_or_outerHeight = 'outerHeight'; } if ($enable_slideshow_shuffle || $slider_row->start_slide_num == 0) { $slide_ids = array(); foreach ($slide_rows as $slide_row) { $slide_ids[] += $slide_row->id; } $current_image_id = $slide_ids[array_rand($slide_ids)]; } else { if ($slider_row->start_slide_num > 0 && $slider_row->start_slide_num <= count($slide_rows)) { $start_slide_num = $slider_row->start_slide_num - 1; } else { $start_slide_num = 0; } $current_image_id = $slide_rows ? $slide_rows[$start_slide_num]->id : 0; } global $wp; $current_url = add_query_arg($wp->query_string, '', home_url($wp->request)); ?> <style> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> { text-align: <?php echo $slider_row->align; ?> ; margin: <?php echo $slider_row->glb_margin; ?> px <?php echo $slider_row->full_width ? 0 : ''; ?> ; visibility: hidden; <?php echo $slider_row->full_width ? 'position: relative;' : ''; ?> } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> { background-color: <?php echo WDW_S_Library::spider_hex2rgba($slider_row->background_color, (100 - $slider_row->background_transparent) / 100); ?> ; border-width: <?php echo $slider_row->glb_border_width; ?> px; border-style: <?php echo $slider_row->glb_border_style; ?> ; border-color: #<?php echo $slider_row->glb_border_color; ?> ; border-radius: <?php echo $slider_row->glb_border_radius; ?> ; border-collapse: collapse; display: inline-block; position: <?php echo $slider_row->full_width ? 'absolute' : 'relative'; ?> ; text-align: center; width: 100%; max-width: <?php echo $image_width; ?> px; box-shadow: <?php echo $slider_row->glb_box_shadow; ?> ; overflow: hidden; z-index: 0; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_<?php echo $wds; ?> { padding: 0 !important; margin: 0 !important; float: none !important; vertical-align: middle; background-position: center center; background-repeat: no-repeat; background-size: <?php echo $slider_row->bg_fit; ?> ; width: 100%; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_container_<?php echo $wds; ?> { display: /*table*/block; position: absolute; text-align: center; <?php echo $filmstrip_position; ?> : <?php echo $filmstrip_direction == 'horizontal' ? $filmstrip_height . 'px' : $filmstrip_width_in_percent . '%'; ?> ; vertical-align: middle; width: <?php echo 100 - $filmstrip_width_in_percent; ?> %; height: inherit; } <?php foreach ($resolutions as $key => $resolution) { if ($key) { $prev_resolution = $resolutions[$key - 1] + 1; } else { $prev_resolution = 0; } $media_slide_height = $image_width > $resolution ? $image_height * $resolution / $image_width : $image_height; $media_bull_size = (int) ($resolution / 26) > $slider_row->bull_size ? $slider_row->bull_size : (int) ($resolution / 26); $media_bull_margin = $slider_row->bull_margin > 2 && $resolution < 481 ? 2 : $slider_row->bull_margin; $media_bull_size_cont = $media_bull_size + $media_bull_margin * 2; $media_pp_butt_size = (int) ($resolution / 16) > $slider_row->pp_butt_size ? $slider_row->pp_butt_size : (int) ($resolution / 16); $media_rl_butt_size = (int) ($resolution / 16) > $slider_row->rl_butt_size ? $slider_row->rl_butt_size : (int) ($resolution / 16); ?> @media only screen and (min-width: <?php echo $prev_resolution; ?> px) and (max-width: <?php echo $resolution; ?> px) { #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_thumbnails_<?php echo $wds; ?> { height: <?php echo $media_bull_size_cont; ?> px; width: <?php echo $media_bull_size_cont * $slides_count; ?> px; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> { font-size: <?php echo $media_bull_size; ?> px; width: <?php echo $media_bull_size; ?> px; margin: <?php echo $media_bull_margin; ?> px; height: <?php echo $media_bull_size; ?> px; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_pp_btn_cont { font-size: <?php echo $media_pp_butt_size; ?> px; height: <?php echo $media_pp_butt_size; ?> px; width: <?php echo $media_pp_butt_size; ?> px; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left_btn_cont, #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right_btn_cont { height: <?php echo $media_rl_butt_size; ?> px; font-size: <?php echo $media_rl_butt_size; ?> px; width: <?php echo $media_rl_butt_size; ?> px; } } <?php } ?> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_video_<?php echo $wds; ?> { padding: 0 !important; margin: 0 !important; float: none !important; width: 100%; vertical-align: middle; display: inline-block; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> { color: #<?php echo $slider_row->butts_color; ?> ; cursor: pointer; position: relative; z-index: 13; width: inherit; height: inherit; font-size: inherit; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> :hover { color: #<?php echo $slider_row->hover_color; ?> ; cursor: pointer; } <?php if ($slider_row->play_paus_butt_img_or_not != 'style') { ?> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_play_pause_<?php echo $wds; ?> .fa-pause:before, #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_play_pause_<?php echo $wds; ?> .fa-play:before { content: ""; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> .fa-play { background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->play_butt_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-out; -ms-transition: background-image 0.2s ease-out; -moz-transition: background-image 0.2s ease-out; -webkit-transition: background-image 0.2s ease-out; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> .fa-play:before { content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->play_butt_hov_url, ENT_QUOTES)); ?> '); width: 0; height: 0; visibility: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> .fa-play:hover { background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->play_butt_hov_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-in; -ms-transition: background-image 0.2s ease-in; -moz-transition: background-image 0.2s ease-in; -webkit-transition: background-image 0.2s ease-in; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> .fa-pause{ background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->paus_butt_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-out; -ms-transition: background-image 0.2s ease-out; -moz-transition: background-image 0.2s ease-out; -webkit-transition: background-image 0.2s ease-out; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> .fa-pause:before { content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->paus_butt_hov_url, ENT_QUOTES)); ?> '); width: 0; height: 0; visibility: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> .fa-pause:hover { background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->paus_butt_hov_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-in; -ms-transition: background-image 0.2s ease-in; -moz-transition: background-image 0.2s ease-in; -webkit-transition: background-image 0.2s ease-in; } <?php } ?> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> , #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> { background-color: <?php echo WDW_S_Library::spider_hex2rgba($slider_row->nav_bg_color, (100 - $slider_row->butts_transparent) / 100); ?> ; border-radius: <?php echo $slider_row->nav_border_radius; ?> ; border: <?php echo $slider_row->nav_border_width; ?> px <?php echo $slider_row->nav_border_style; ?> #<?php echo $slider_row->nav_border_color; ?> ; border-collapse: separate; color: #<?php echo $slider_row->butts_color; ?> ; left: 0; top: 0; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; line-height: 0; width: inherit; height: inherit; font-size: inherit; position: absolute; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> { left: -<?php echo $navigation; ?> px; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> { left: <?php echo $navigation; ?> px; } <?php if ($slider_row->rl_butt_img_or_not != 'style') { ?> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> { left: -<?php echo $navigation; ?> px; background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-out; -ms-transition: background-image 0.2s ease-out; -moz-transition: background-image 0.2s ease-out; -webkit-transition: background-image 0.2s ease-out; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> :before { content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_hov_url, ENT_QUOTES)); ?> '); width: 0; height: 0; visibility: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> :hover { left: -<?php echo $navigation; ?> px; background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_hov_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-in; -ms-transition: background-image 0.2s ease-in; -moz-transition: background-image 0.2s ease-in; -webkit-transition: background-image 0.2s ease-in; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> { left: <?php echo $navigation; ?> px; background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-out; -ms-transition: background-image 0.2s ease-out; -moz-transition: background-image 0.2s ease-out; -webkit-transition: background-image 0.2s ease-out; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> :before { content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_hov_url, ENT_QUOTES)); ?> '); width: 0; height: 0; visibility: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> :hover { left: <?php echo $navigation; ?> px; background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_hov_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-in; -ms-transition: background-image 0.2s ease-in; -moz-transition: background-image 0.2s ease-in; -webkit-transition: background-image 0.2s ease-in; } <?php } ?> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> { opacity: <?php echo $pp_btn_opacity; ?> ; filter: "Alpha(opacity=<?php echo $pp_btn_opacity * 100; ?> )"; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> :hover, #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> :hover { color: #<?php echo $slider_row->hover_color; ?> ; cursor: pointer; } /* Filmstrip*/ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_container_<?php echo $wds; ?> { background-color: #<?php echo $slider_row->film_bg_color; ?> !important; display: <?php echo $filmstrip_direction == 'horizontal' ? '/*table*/block' : 'block'; ?> ; height: <?php echo $filmstrip_direction == 'horizontal' ? $filmstrip_height . 'px' : '100%'; ?> ; position: absolute; width: <?php echo $filmstrip_direction == 'horizontal' ? '100%' : $filmstrip_width_in_percent . '%'; ?> ; z-index: 10105; <?php echo $filmstrip_position; ?> : 0; overflow: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_<?php echo $wds; ?> { overflow: hidden; position: absolute; <?php echo $width_or_height; ?> : 100%; width: 100%; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> { height: <?php echo $filmstrip_direction == 'horizontal' ? 'inherit' : ($filmstrip_height + $filmstrip_thumb_margin_hor) * $slides_count . 'px'; ?> ; <?php echo $left_or_top; ?> : 0px; margin: 0 auto; overflow: hidden; position: relative; width: <?php echo $filmstrip_direction == 'horizontal' ? ($filmstrip_width + $filmstrip_thumb_margin_hor) * $slides_count . 'px' : '100%'; ?> ; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> { position: relative; background: none; cursor: pointer; float: left; height: <?php echo $filmstrip_direction == 'horizontal' ? 'inherit' : $filmstrip_height . 'px'; ?> ; margin: <?php echo $filmstrip_direction == 'horizontal' ? '0 ' . $slider_row->film_tmb_margin . 'px' : $slider_row->film_tmb_margin . 'px 0'; ?> ; width: <?php echo $filmstrip_direction == 'horizontal' ? $filmstrip_width . 'px' : '100%'; ?> ; overflow: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_thumb_active_<?php echo $wds; ?> div { opacity: 1; filter: Alpha(opacity=100); border: <?php echo $slider_row->film_act_border_width; ?> px <?php echo $slider_row->film_act_border_style; ?> #<?php echo $slider_row->film_act_border_color; ?> ; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_thumb_deactive_<?php echo $wds; ?> { opacity: <?php echo number_format((100 - $slider_row->film_dac_transparent) / 100, 2, ".", ""); ?> ; filter: Alpha(opacity=<?php echo 100 - $slider_row->film_dac_transparent; ?> ); } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_thumbnail_img_<?php echo $wds; ?> { display: block; opacity: 1; filter: Alpha(opacity=100); padding: 0 !important; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: <?php echo $filmstrip_direction == 'horizontal' ? $filmstrip_height . 'px' : $filmstrip_height . 'px'; ?> ; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_left_<?php echo $wds; ?> , #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_right_<?php echo $wds; ?> { background-color: rgba(0, 0, 0, 0.5); cursor: pointer; display: table; vertical-align: middle; <?php echo $width_or_height; ?> : 20px; z-index: 10000; position: absolute; <?php echo $filmstrip_direction == 'horizontal' ? 'height: inherit' : 'width: 100%'; ?> ; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_left_<?php echo $wds; ?> { <?php echo $left_or_top; ?> : 0; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_right_<?php echo $wds; ?> { <?php echo $filmstrip_direction == 'horizontal' ? 'right' : 'bottom'; ?> : 0; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_left_<?php echo $wds; ?> i, #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_right_<?php echo $wds; ?> i { color: #FFFFFF; display: table-cell; font-size: 20px; vertical-align: middle; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_none_selectable_<?php echo $wds; ?> { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_container_<?php echo $wds; ?> { display: table-cell; margin: 0 auto; position: absolute; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_bg_<?php echo $wds; ?> { margin: 0 auto; width: inherit; height: inherit; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slider_<?php echo $wds; ?> { height: inherit; width: inherit; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun_<?php echo $wds; ?> { width: inherit; height: inherit; display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute; vertical-align: middle; z-index: 2; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_second_spun_<?php echo $wds; ?> { width: inherit; height: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute; vertical-align: middle; z-index: 1; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_grid_<?php echo $wds; ?> { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_gridlet_<?php echo $wds; ?> { opacity: 1; filter: Alpha(opacity=100); position: absolute; } /* Dots.*/ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_container_<?php echo $wds; ?> { display: block; overflow: hidden; position: absolute; width: 100%; <?php echo $bull_position; ?> : <?php echo $bull_position == $filmstrip_position ? $filmstrip_height : 0; ?> px; /*z-index: 17;*/ } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_thumbnails_<?php echo $wds; ?> { left: 0px; font-size: 0; margin: 0 auto; position: relative; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> { display: inline-block; position: relative; color: #<?php echo $slider_row->bull_color; ?> ; cursor: pointer; z-index: 17; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_active_<?php echo $wds; ?> { color: #<?php echo $slider_row->bull_act_color; ?> ; opacity: 1; filter: Alpha(opacity=100); <?php if ($slider_row->bull_butt_img_or_not != 'style') { ?> display: inline-block; background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->bullets_img_main_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-in; -ms-transition: background-image 0.2s ease-in; -moz-transition: background-image 0.2s ease-in; -webkit-transition: background-image 0.2s ease-in; <?php } ?> } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_deactive_<?php echo $wds; ?> { <?php if ($slider_row->bull_butt_img_or_not != 'style') { ?> display: inline-block; background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->bullets_img_hov_url, ENT_QUOTES)); ?> '); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background-image 0.2s ease-in; -ms-transition: background-image 0.2s ease-in; -moz-transition: background-image 0.2s ease-in; -webkit-transition: background-image 0.2s ease-in; <?php } ?> } <?php if ($slider_row->timer_bar_type == 'top' || $slider_row->timer_bar_type == 'bottom') { ?> /* Line timer.*/ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_container_<?php echo $wds; ?> { display: block; position: absolute; overflow: hidden; <?php echo $slider_row->timer_bar_type; ?> : <?php echo $filmstrip_position == $slider_row->timer_bar_type ? $filmstrip_height : 0; ?> px; z-index: 16; width: 100%; height: <?php echo $slider_row->timer_bar_size; ?> px; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_<?php echo $wds; ?> { z-index: 17; width: 0; height: <?php echo $slider_row->timer_bar_size; ?> px; background: #<?php echo $slider_row->timer_bar_color; ?> ; opacity: <?php echo number_format((100 - $slider_row->timer_bar_transparent) / 100, 2, ".", ""); ?> ; filter: alpha(opacity=<?php echo 100 - $slider_row->timer_bar_transparent; ?> ); } <?php } elseif ($slider_row->timer_bar_type != 'none') { ?> /* Circle timer.*/ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_container_<?php echo $wds; ?> { display: block; position: absolute; overflow: hidden; <?php echo $slider_row->timer_bar_type; ?> : 0; z-index: 16; width: 100%; height: <?php echo $circle_timer_size; ?> px; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> { display: block; position: absolute; overflow: hidden; z-index: 16; width: 100%; <?php switch ($slider_row->timer_bar_type) { case 'circle_top_right': echo 'top: 0px; text-align:right;'; break; case 'circle_top_left': echo 'top: 0px; text-align:left;'; break; case 'circle_bot_right': echo 'bottom: 0px; text-align:right;'; break; case 'circle_bot_left': echo 'bottom: 0px; text-align:left;'; break; default: 'top: 0px; text-align:right;'; } ?> } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> .wds_circle_timer_<?php echo $wds; ?> { display: inline-block; width: <?php echo $circle_timer_size; ?> px; height: <?php echo $circle_timer_size; ?> px; position: relative; opacity: <?php echo number_format((100 - $slider_row->timer_bar_transparent) / 100, 2, ".", ""); ?> ; filter: alpha(opacity=<?php echo 100 - $slider_row->timer_bar_transparent; ?> ); } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> .wds_circle_timer_<?php echo $wds; ?> .wds_circle_timer_parts_<?php echo $wds; ?> { display: table; width: 100%; height: 100%; border-radius: 100%; position: relative; } .wds_circle_timer_part_<?php echo $wds; ?> { display: table-cell; width: 50%; height: 100%; overflow: hidden !important; } .wds_circle_timer_small_parts_<?php echo $wds; ?> { display: block; width: 100%; height: 50%; background: #<?php echo $slider_row->timer_bar_color; ?> ; position: relative; } .wds_circle_timer_center_cont_<?php echo $wds; ?> { display: table; width: <?php echo $circle_timer_size; ?> px; height: <?php echo $circle_timer_size; ?> px; position: absolute; text-align: center; top:0px; vertical-align:middle; } .wds_circle_timer_center_<?php echo $wds; ?> { display: table-cell; width: 100%; height: 100%; text-align: center; line-height: 0px !important; vertical-align: middle; } .wds_circle_timer_center_<?php echo $wds; ?> div { display: inline-block; width: <?php echo $circle_timer_size / 2 - 2; ?> px; height: <?php echo $circle_timer_size / 2 - 2; ?> px; background-color: #FFFFFF; border-radius: 100%; z-index: 300; position: relative; } <?php } ?> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun1_<?php echo $wds; ?> { display: table; width: inherit; height: inherit; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun2_<?php echo $wds; ?> { display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_video_layer_frame_<?php echo $wds; ?> { max-height: 100%; max-width: 100%; width: 100%; height: 100%; } <?php echo $slider_row->css; ?> </style> <script> var wds_data_<?php echo $wds; ?> = []; var wds_event_stack_<?php echo $wds; ?> = []; var wds_clear_layers_effects_in_<?php echo $wds; ?> = []; var wds_clear_layers_effects_out_<?php echo $wds; ?> = []; var wds_clear_layers_effects_out_before_change_<?php echo $wds; ?> = []; if (<?php echo $slider_row->layer_out_next; ?> ) { var wds_duration_for_change_<?php echo $wds; ?> = 500; var wds_duration_for_clear_effects_<?php echo $wds; ?> = 530; } else { var wds_duration_for_change_<?php echo $wds; ?> = 0; var wds_duration_for_clear_effects_<?php echo $wds; ?> = 0; } <?php foreach ($slide_rows as $key => $slide_row) { ?> wds_clear_layers_effects_in_<?php echo $wds; ?> ["<?php echo $key; ?> "] = []; wds_clear_layers_effects_out_<?php echo $wds; ?> ["<?php echo $key; ?> "] = []; wds_clear_layers_effects_out_before_change_<?php echo $wds; ?> ["<?php echo $key; ?> "] = []; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "] = []; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["id"] = "<?php echo $slide_row->id; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["image_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->image_url, ENT_QUOTES)); ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["thumb_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->thumb_url, ENT_QUOTES)); ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["is_video"] = "<?php echo $slide_row->type == "YOUTUBE" || $slide_row->type == "VIMEO"; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["slide_layers_count"] = 0; <?php $layers_row = $this->model->get_layers_row_data($slide_row->id); if ($layers_row) { foreach ($layers_row as $layer_key => $layer) { ?> wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _id"] = "<?php echo $layer->id; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _layer_effect_in"] = "<?php echo $layer->layer_effect_in; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _duration_eff_in"] = "<?php echo $layer->duration_eff_in; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _layer_effect_out"] = "<?php echo $layer->layer_effect_out; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _duration_eff_out"] = "<?php echo $layer->duration_eff_out; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _social_button"] = "<?php echo $layer->social_button; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _start"] = "<?php echo $layer->start; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _end"] = "<?php echo $layer->end; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _type"] = "<?php echo $layer->type; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["layer_<?php echo $layer_key; ?> _video_autoplay"] = "<?php echo $layer->image_scale; ?> "; wds_data_<?php echo $wds; ?> ["<?php echo $key; ?> "]["slide_layers_count"] ++; <?php } } } ?> </script> <div id="wds_container1_<?php echo $wds; ?> "> <div class="wds_loading"> <img src="<?php echo WD_S_URL . '/images/ajax_loader.png'; ?> " class="wds_loading_img" style="float: none; width:50px;" /> </div> <div id="wds_container2_<?php echo $wds; ?> "> <div class="wds_slideshow_image_wrap_<?php echo $wds; ?> "> <?php $current_pos = 0; if ($filmstrip_position != 'none' && $slides_count > 1) { ?> <div class="wds_slideshow_filmstrip_container_<?php echo $wds; ?> "> <div class="wds_slideshow_filmstrip_left_<?php echo $wds; ?> "><i class="fa <?php echo $filmstrip_direction == 'horizontal' ? 'fa-angle-left' : 'fa-angle-up'; ?> "></i></div> <div class="wds_slideshow_filmstrip_<?php echo $wds; ?> "> <div class="wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> "> <?php foreach ($slide_rows as $key => $slide_row) { if ($slide_row->id == $current_image_id) { $current_pos = $key * (($filmstrip_direction == 'horizontal' ? $filmstrip_width : $filmstrip_height) + $filmstrip_thumb_margin_hor); $current_key = $key; } ?> <div id="wds_filmstrip_thumbnail_<?php echo $key; ?> _<?php echo $wds; ?> " class="wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> <?php echo $slide_row->id == $current_image_id ? 'wds_slideshow_thumb_active_' . $wds : 'wds_slideshow_thumb_deactive_' . $wds; ?> "> <div onclick="wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), '<?php echo $key; ?> ', wds_data_<?php echo $wds; ?> )" image_id="<?php echo $slide_row->id; ?> " image_key="<?php echo $key; ?> " class="wds_slideshow_filmstrip_thumbnail_img_<?php echo $wds; ?> " style="background-image: url('<?php echo addslashes(htmlspecialchars_decode($slide_row->thumb_url, ENT_QUOTES)); ?> ');"></div> </div> <?php } ?> </div> </div> <div class="wds_slideshow_filmstrip_right_<?php echo $wds; ?> "><i class="fa <?php echo $filmstrip_direction == 'horizontal' ? 'fa-angle-right' : 'fa-angle-down'; ?> "></i></div> </div> <?php } ?> <div id="wds_slideshow_image_container_<?php echo $wds; ?> " class="wds_slideshow_image_container_<?php echo $wds; ?> "> <?php if ($bull_position != 'none' && $slides_count > 1) { ?> <div class="wds_slideshow_dots_container_<?php echo $wds; ?> "> <div class="wds_slideshow_dots_thumbnails_<?php echo $wds; ?> "> <?php foreach ($slide_rows as $key => $slide_row) { if ($slider_row->bull_butt_img_or_not == 'style') { ?> <i id="wds_dots_<?php echo $key; ?> _<?php echo $wds; ?> " class="wds_slideshow_dots_<?php echo $wds; ?> fa <?php echo $slide_row->id == $current_image_id ? $bull_style_active . ' wds_slideshow_dots_active_' . $wds : $bull_style_deactive . ' wds_slideshow_dots_deactive_' . $wds; ?> " onclick="wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), '<?php echo $key; ?> ', wds_data_<?php echo $wds; ?> )" image_id="<?php echo $slide_row->id; ?> " image_key="<?php echo $key; ?> "> </i> <?php } else { ?> <span id="wds_dots_<?php echo $key; ?> _<?php echo $wds; ?> " class="wds_slideshow_dots_<?php echo $wds; ?> <?php echo $slide_row->id == $current_image_id ? ' wds_slideshow_dots_active_' . $wds : ' wds_slideshow_dots_deactive_' . $wds; ?> " onclick="wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), '<?php echo $key; ?> ', wds_data_<?php echo $wds; ?> )" image_id="<?php echo $slide_row->id; ?> " image_key="<?php echo $key; ?> "> </span> <?php } } ?> </div> </div> <?php } if ($slider_row->timer_bar_type == 'top' || $slider_row->timer_bar_type == 'bottom') { ?> <div class="wds_line_timer_container_<?php echo $wds; ?> "><div class="wds_line_timer_<?php echo $wds; ?> "></div></div> <?php } elseif ($slider_row->timer_bar_type != 'none') { ?> <div class="wds_circle_timer_container_<?php echo $wds; ?> "> <div class="wds_circle_timer_<?php echo $wds; ?> "> <div class="wds_circle_timer_parts_<?php echo $wds; ?> "> <div class="wds_circle_timer_part_<?php echo $wds; ?> "> <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> animated" style="border-radius:100% 0% 0% 0%;" id="top_left_<?php echo $wds; ?> "></div> <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> animated" style="border-radius:0% 0% 0% 100%;z-index:150;" id="bottom_left_<?php echo $wds; ?> "></div> </div> <div class="wds_circle_timer_part_<?php echo $wds; ?> "> <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> animated" style="border-radius:0% 100% 0% 0%;" id="top_right_<?php echo $wds; ?> "></div> <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> animated" style="border-radius:0% 0% 100% 0%;" id="bottom_right_<?php echo $wds; ?> "></div> </div> </div> <div class="wds_circle_timer_center_cont_<?php echo $wds; ?> "> <div class="wds_circle_timer_center_<?php echo $wds; ?> "> <div></div> </div> </div> </div> </div> <?php } ?> <div class="wds_slide_container_<?php echo $wds; ?> "> <div class="wds_slide_bg_<?php echo $wds; ?> "> <div class="wds_slider_<?php echo $wds; ?> "> <?php foreach ($slide_rows as $key => $slide_row) { $is_video = $slide_row->type == "YOUTUBE" || $slide_row->type == "VIMEO"; if ($slide_row->id == $current_image_id) { if ($is_video) { $play_pause_button_display = 'none'; } else { $play_pause_button_display = ''; } $current_key = $key; $image_div_num = ''; } else { $image_div_num = '_second'; } $share_image_url = urlencode($is_video ? $slide_row->thumb_url : $slide_row->image_url); $share_url = add_query_arg(array('action' => 'WDSShare', 'image_id' => $slide_row->id, 'curr_url' => $current_url), admin_url('admin-ajax.php')); ?> <span class="wds_slideshow_image<?php echo $image_div_num; ?> _spun_<?php echo $wds; ?> " id="image_id_<?php echo $wds; ?> _<?php echo $slide_row->id; ?> "> <span class="wds_slideshow_image_spun1_<?php echo $wds; ?> "> <span class="wds_slideshow_image_spun2_<?php echo $wds; ?> "> <?php if (!$is_video) { ?> <div img_id="wds_slideshow_image<?php echo $image_div_num; ?> _<?php echo $wds; ?> " class="wds_slideshow_image_<?php echo $wds; ?> " onclick="<?php echo $slide_row->link ? 'window.open(\'' . $slide_row->link . '\', \'' . ($slide_row->target_attr_slide ? '_blank' : '_self') . '\')' : ''; ?> " style="<?php echo $slide_row->link ? 'cursor: pointer;' : ''; echo !$slider_row->preload_images || $image_div_num == '' ? "background-image: url('" . addslashes(htmlspecialchars_decode($slide_row->image_url, ENT_QUOTES)) . "');" : ""; ?> "> <?php } else { ?> <div img_id="wds_slideshow_image<?php echo $image_div_num; ?> _<?php echo $wds; ?> " class="wds_slideshow_video_<?php echo $wds; ?> " image_id="<?php echo $slide_row->id; ?> "> <iframe class="wds_video_frame_<?php echo $wds; ?> " src="<?php echo $slide_row->type == "YOUTUBE" ? "//www.youtube.com/embed/" . $slide_row->image_url . "?enablejsapi=1&wmode=transparent" : "//player.vimeo.com/video/" . $slide_row->image_url . "?api=1"; ?> " frameborder="0" allowfullscreen style="width:100%; height:100%;"></iframe> <?php } $layers_row = $this->model->get_layers_row_data($slide_row->id); if ($layers_row) { foreach ($layers_row as $key => $layer) { if ($layer->published) { $prefix = 'wds_' . $wds . '_slide' . $slide_row->id . '_layer' . $layer->id; $left_percent = $slider_row->width ? 100 * $layer->left / $slider_row->width : 0; $top_percent = $slider_row->height ? 100 * $layer->top / $slider_row->height : 0; $video_width_percent = $slider_row->width ? 100 * $layer->image_width / $slider_row->width : 0; $video_height_percent = $slider_row->height ? 100 * $layer->image_height / $slider_row->height : 0; switch ($layer->type) { case 'text': ?> <style> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> { font-size: <?php echo $layer->size; ?> px; line-height: 1.25em; padding: <?php echo $layer->padding; ?> ; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> { opacity: <?php echo $layer->layer_effect_in != 'none' ? '0 !important' : '1'; ?> ; filter: "Alpha(opacity=<?php echo $layer->layer_effect_in != 'none' ? '0' : '100'; ?> )" !important; } </style> <span class="wds_layer_<?php echo $layer->id; ?> " id="<?php echo $prefix; ?> " wds_fsize="<?php echo $layer->size; ?> " style="<?php echo $layer->image_width ? 'width: ' . $layer->image_width . '%; ' : ''; ?> <?php echo $layer->image_height ? 'height: ' . $layer->image_height . '%; ' : ''; ?> word-break: <?php echo $layer->image_scale ? 'keep-all' : 'break-all'; ?> ; text-align: initial; <?php echo $layer->link ? 'cursor: pointer; ' : ''; ?> opacity: 1; filter: 'Alpha(opacity=100)'; display: inline-block; position: absolute; left: <?php echo $left_percent; ?> %; top: <?php echo $top_percent; ?> %; z-index: <?php echo $layer->depth; ?> ; color: #<?php echo $layer->color; ?> ; font-family: <?php echo $layer->ffamily; ?> ; font-weight: <?php echo $layer->fweight; ?> ; background-color: <?php echo WDW_S_Library::spider_hex2rgba($layer->fbgcolor, (100 - $layer->transparent) / 100); ?> ; border: <?php echo $layer->border_width; ?> px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?> ; border-radius: <?php echo $layer->border_radius; ?> ; box-shadow: <?php echo $layer->shadow; ?> " onclick="<?php echo $layer->link ? 'window.open(\'' . $layer->link . '\', \'' . ($layer->target_attr_layer ? '_blank' : '_self') . '\');' : ''; ?> event.stopPropagation();"><?php echo str_replace(array("\r\n", "\r", "\n"), "<br>", $layer->text); ?> </span> <?php break; case 'image': ?> <style> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> { opacity: <?php echo $layer->layer_effect_in != 'none' ? '0 !important' : '1'; ?> ; filter: "Alpha(opacity=<?php echo $layer->layer_effect_in != 'none' ? '0' : '100'; ?> )" !important; } </style> <img class="wds_layer_<?php echo $layer->id; ?> " id="<?php echo $prefix; ?> " src="<?php echo $layer->image_url; ?> " style="<?php echo $layer->link ? 'cursor: pointer; ' : ''; ?> opacity: <?php echo number_format((100 - $layer->imgtransparent) / 100, 2, ".", ""); ?> ; filter: Alpha(opacity=<?php echo 100 - $layer->imgtransparent; ?> ); position: absolute; left: <?php echo $left_percent; ?> %; top: <?php echo $top_percent; ?> %; z-index: <?php echo $layer->depth; ?> ; border: <?php echo $layer->border_width; ?> px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?> ; border-radius: <?php echo $layer->border_radius; ?> ; box-shadow: <?php echo $layer->shadow; ?> " onclick="<?php echo $layer->link ? 'window.open(\'' . $layer->link . '\', \'' . ($layer->target_attr_layer ? '_blank' : '_self') . '\');' : ''; ?> event.stopPropagation();" wds_scale="<?php echo $layer->image_scale; ?> " wds_image_width="<?php echo $layer->image_width; ?> " wds_image_height="<?php echo $layer->image_height; ?> " /> <?php break; case 'video': ?> <style> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> { opacity: <?php echo $layer->layer_effect_in != 'none' ? '0 !important' : '1'; ?> ; filter: "Alpha(opacity=<?php echo $layer->layer_effect_in != 'none' ? '0' : '100'; ?> )" !important; } </style> <span class="wds_layer_<?php echo $layer->id; ?> " id="<?php echo $prefix; ?> " wds_fsize="<?php echo $layer->size; ?> " style="<?php echo $layer->image_width ? 'width: ' . $video_width_percent . '%; ' : ''; ?> <?php echo $layer->image_height ? 'height: ' . $video_height_percent . '%; ' : ''; ?> position: absolute; overflow: hidden; left: <?php echo $left_percent; ?> %; top: <?php echo $top_percent; ?> %; z-index: <?php echo $layer->depth; ?> ; border: <?php echo $layer->border_width; ?> px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?> ; border-radius: <?php echo $layer->border_radius; ?> ; box-shadow: <?php echo $layer->shadow; ?> "> <iframe class="wds_video_layer_frame_<?php echo $wds; ?> " src="<?php echo $layer->alt == "YOUTUBE" ? "//www.youtube.com/embed/" . $layer->link . "?enablejsapi=1&wmode=transparent" : "//player.vimeo.com/video/" . $layer->link . "?api=1"; ?> " frameborder="0" allowfullscreen></iframe> </span> <?php break; case 'social': ?> <style> #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> { font-size: <?php echo $layer->size; ?> px; padding: <?php echo $media_layer_padding; ?> ; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> { opacity: <?php echo $layer->layer_effect_in != 'none' ? '0 !important' : '1'; ?> ; filter: "Alpha(opacity=<?php echo $layer->layer_effect_in != 'none' ? '0' : '100'; ?> )" !important; } #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> :hover { color: #<?php echo $layer->hover_color; ?> !important; } </style> <?php switch ($layer->social_button) { case 'facebook': ?> <a class="wds_share_a" onclick="event.stopPropagation();" href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode($share_url); ?> " target="_blank" title="<?php echo __('Share on Facebook', 'wds'); ?> "> <?php break; case 'twitter': ?> <a class="wds_share_a" onclick="event.stopPropagation();" href="https://twitter.com/share?url=<?php echo urlencode($share_url); ?> " target="_blank" title="<?php echo __('Share on Twitter', 'wds'); ?> "> <?php break; case 'google-plus': ?> <a class="wds_share_a" onclick="event.stopPropagation();" href="https://plus.google.com/share?url=<?php echo urlencode($share_url); ?> " target="_blank" title="<?php echo __('Share on Google+', 'wds'); ?> "> <?php break; case 'pinterest': ?> <a class="wds_share_a" onclick="event.stopPropagation();" href="http://pinterest.com/pin/create/button/?s=100&url=<?php echo urlencode($share_url); ?> &media=<?php echo $share_image_url; ?> &description=<?php echo $slide_row->title; ?> " target="_blank" title="<?php echo __('Share on Pinterest', 'wds'); ?> "> <?php break; case 'tumblr': ?> <a class="wds_share_a" onclick="event.stopPropagation();" href="https://www.tumblr.com/share/photo?source=<?php echo $share_image_url; ?> &caption=<?php echo urlencode($slide_row->title); ?> &clickthru=<?php echo urlencode($share_url); ?> " target="_blank" title="<?php echo __('Share on Tumblr', 'wds'); ?> "> <?php break; default: ?> <a><?php break; } ?> <i id="<?php echo $prefix; ?> " class="wds_layer_<?php echo $layer->id; ?> fa fa-<?php echo $layer->social_button; ?> " wds_fsize="<?php echo $layer->size; ?> " style="opacity: <?php echo number_format((100 - $layer->transparent) / 100, 2, ".", ""); ?> ; filter: Alpha(opacity=<?php echo 100 - $layer->transparent; ?> ); position: absolute; left: <?php echo $left_percent; ?> %; top: <?php echo $top_percent; ?> %; z-index: <?php echo $layer->depth; ?> ; color: #<?php echo $layer->color; ?> ;"></i> </a> <?php break; default: break; } } } } ?> </div> </span> </span> </span> <?php } ?> <input type="hidden" id="wds_current_image_key_<?php echo $wds; ?> " value="<?php echo $current_key; ?> " /> </div> </div> </div> <?php if ($enable_prev_next_butt && $slides_count > 1) { ?> <div class="wds_btn_cont wds_contTableCell"> <div class="wds_btn_cont wds_contTable"> <span class="wds_btn_cont wds_contTableCell" style="position: relative; text-align: left;"> <span class="wds_left_btn_cont"> <span class="wds_left-ico_<?php echo $wds; ?> " onclick="wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()) - iterator_<?php echo $wds; ?> ()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()) - iterator_<?php echo $wds; ?> ()) % wds_data_<?php echo $wds; ?> .length : wds_data_<?php echo $wds; ?> .length - 1, wds_data_<?php echo $wds; ?> ); return false;"> <?php if ($slider_row->rl_butt_img_or_not == 'style') { ?> <i class="fa <?php echo $slider_row->rl_butt_style; ?> -left"></i> <?php } ?> </span> </span> </span> </div> </div> <div class="wds_btn_cont wds_contTableCell"> <div class="wds_btn_cont wds_contTable"> <span class="wds_btn_cont wds_contTableCell" style="position: relative; text-align: right;"> <span class="wds_right_btn_cont"> <span class="wds_right-ico_<?php echo $wds; ?> " onclick="wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()) + iterator_<?php echo $wds; ?> ()) % wds_data_<?php echo $wds; ?> .length, wds_data_<?php echo $wds; ?> ); return false;"> <?php if ($slider_row->rl_butt_img_or_not == 'style') { ?> <i class="fa <?php echo $slider_row->rl_butt_style; ?> -right"></i> <?php } ?> </span> </span> </span> </div> </div> <?php } if ($enable_play_paus_butt && $slides_count > 1) { ?> <div class="wds_btn_cont wds_contTableCell"> <div class="wds_btn_cont wds_contTable"> <span class="wds_btn_cont wds_contTableCell" style="position: relative; text-align: center;"> <span class="wds_pp_btn_cont"> <span id="wds_slideshow_play_pause_<?php echo $wds; ?> " style="display: <?php echo $play_pause_button_display; ?> ;" <?php echo $slider_row->play_paus_butt_img_or_not != 'style' ? 'class="wds_ctrl_btn_' . $wds . ' wds_slideshow_play_pause_' . $wds . ' fa fa-play"' : ''; ?> > <?php if ($slider_row->play_paus_butt_img_or_not == 'style') { ?> <i class="wds_ctrl_btn_<?php echo $wds; ?> wds_slideshow_play_pause_<?php echo $wds; ?> fa fa-play"></i> <?php } ?> </span> </span> </span> </div> </div> <?php } ?> </div> <?php if ($enable_slideshow_music) { ?> <audio id="wds_audio_<?php echo $wds; ?> " src="<?php echo $slideshow_music_url; ?> " loop volume="1.0"></audio> <?php } ?> </div> </div> </div> <script> var wds_trans_in_progress_<?php echo $wds; ?> = false; var wds_transition_duration_<?php echo $wds; ?> = <?php echo $slideshow_interval < 4 && $slideshow_interval != 0 ? $slideshow_interval * 1000 / 4 : $slider_row->effect_duration; ?> ; var wds_playInterval_<?php echo $wds; ?> ; var progress = 0; var bottom_right_deggree_<?php echo $wds; ?> ; var bottom_left_deggree_<?php echo $wds; ?> ; var top_left_deggree_<?php echo $wds; ?> ; var curent_time_deggree_<?php echo $wds; ?> = 0; var circle_timer_animate_<?php echo $wds; ?> ; function circle_timer_<?php echo $wds; ?> (angle) { circle_timer_animate_<?php echo $wds; ?> = jQuery({deg: angle}).animate({deg: 360}, { duration: <?php echo $slideshow_interval * 1000; ?> , step: function(now) { curent_time_deggree_<?php echo $wds; ?> = now; if (now >= 0 && now <= 270) { jQuery('#top_right_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate('+now+'deg)', '-webkit-transform':'rotate('+now+'deg)', '-o-transform':'rotate('+now+'deg)', '-ms-transform':'rotate('+now+'deg)', 'transform':'rotate('+now+'deg)', '-webkit-transform-origin': 'left bottom', '-ms-transform-origin': 'left bottom', '-moz-transform-origin': 'left bottom', 'transform-origin': 'left bottom' }); } if (now >= 90 && now <= 270) { bottom_right_deggree_<?php echo $wds; ?> = now - 90; jQuery('#bottom_right_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)', '-webkit-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)', '-o-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)', '-ms-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)', 'transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)', '-webkit-transform-origin': 'left top', '-ms-transform-origin': 'left top', '-moz-transform-origin': 'left top', 'transform-origin': 'left top' }); } if (now >= 180 && now <= 360) { bottom_left_deggree_<?php echo $wds; ?> = now - 180; jQuery('#bottom_left_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)', '-webkit-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)', '-o-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)', '-ms-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)', 'transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)', '-webkit-transform-origin': 'right top', '-ms-transform-origin': 'right top', '-moz-transform-origin': 'right top', 'transform-origin': 'right top' }); } if (now >= 270 && now <= 360) { top_left_deggree_<?php echo $wds; ?> = now - 270; jQuery('#top_left_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)', '-webkit-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)', '-o-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)', '-ms-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)', 'transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)', '-webkit-transform-origin': 'right bottom', '-ms-transform-origin': 'right bottom', '-moz-transform-origin': 'right bottom', 'transform-origin': 'right bottom' }); } } }); } /* Stop autoplay.*/ window.clearInterval(wds_playInterval_<?php echo $wds; ?> ); var wds_current_key_<?php echo $wds; ?> = '<?php echo isset($current_key) ? $current_key : ''; ?> '; var wds_current_filmstrip_pos_<?php echo $wds; ?> = <?php echo $current_pos; ?> ; /* Set filmstrip initial position.*/ function wds_set_filmstrip_pos_<?php echo $wds; ?> (filmStripWidth) { var selectedImagePos = -wds_current_filmstrip_pos_<?php echo $wds; ?> - (jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () + <?php echo $filmstrip_thumb_margin_hor; ?> ) / 2; var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> (), selectedImagePos + filmStripWidth / 2)); jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").animate({ <?php echo $left_or_top; ?> : imagesContainerLeft }, { duration: 500, complete: function () { wds_filmstrip_arrows_<?php echo $wds; ?> (); } }); } function wds_move_filmstrip_<?php echo $wds; ?> () { var image_left = jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> ; var image_right = jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> + jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?> ").<?php echo $outerWidth_or_outerHeight; ?> (true); var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?> ").<?php echo $outerWidth_or_outerHeight; ?> (true); var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").<?php echo $outerWidth_or_outerHeight; ?> (true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> ; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> ) + wds_filmstrip_width; if (wds_filmstrip_width > wds_filmstrip_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").animate({ <?php echo $left_or_top; ?> : -image_left }, { duration: 500, complete: function () { wds_filmstrip_arrows_<?php echo $wds; ?> (); } }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").animate({ <?php echo $left_or_top; ?> : -(image_right - wds_filmstrip_width) }, { duration: 500, complete: function () { wds_filmstrip_arrows_<?php echo $wds; ?> (); } }); } } function wds_move_dots_<?php echo $wds; ?> () { var image_left = jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?> ").position().left; var image_right = jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?> ").position().left + jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?> ").outerWidth(true); var wds_dots_width = jQuery(".wds_slideshow_dots_container_<?php echo $wds; ?> ").outerWidth(true); var wds_dots_thumbnails_width = jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?> ").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?> ").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?> ").position().left) + wds_dots_width; if (wds_dots_width > wds_dots_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?> ").animate({ left: -image_left }, { duration: 500 }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?> ").animate({ left: -(image_right - wds_dots_width) }, { duration: 500 }); } } /* Show/hide filmstrip arrows.*/ function wds_filmstrip_arrows_<?php echo $wds; ?> () { if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () < jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> ()) { jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> ").hide(); jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?> ").hide(); } else { jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> ").show(); jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?> ").show(); } } function wds_testBrowser_cssTransitions_<?php echo $wds; ?> () { return wds_testDom_<?php echo $wds; ?> ('Transition'); } function wds_testBrowser_cssTransforms3d_<?php echo $wds; ?> () { return wds_testDom_<?php echo $wds; ?> ('Perspective'); } function wds_testDom_<?php echo $wds; ?> (prop) { /* Browser vendor CSS prefixes.*/ var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-']; /* Browser vendor DOM prefixes.*/ var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml']; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') { return true; } } return false; } function wds_set_dots_class_<?php echo $wds; ?> () { jQuery(".wds_slideshow_dots_<?php echo $wds; ?> ").removeClass("wds_slideshow_dots_active_<?php echo $wds; ?> ").addClass("wds_slideshow_dots_deactive_<?php echo $wds; ?> "); jQuery("#wds_dots_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("wds_slideshow_dots_deactive_<?php echo $wds; ?> ").addClass("wds_slideshow_dots_active_<?php echo $wds; ?> "); <?php if ($slider_row->bull_butt_img_or_not == 'style') { ?> jQuery(".wds_slideshow_dots_<?php echo $wds; ?> ").removeClass("<?php echo $bull_style_active; ?> ").addClass("<?php echo $bull_style_deactive; ?> "); jQuery("#wds_dots_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("<?php echo $bull_style_deactive; ?> ").addClass("<?php echo $bull_style_active; ?> "); <?php } ?> } function wds_grid3d_<?php echo $wds; ?> (cols, rows, tz, wrx, wry, nty, ntx, nry, nrx, current_image_class, next_image_class, direction, random, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?> ()) { return wds_fallback_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } wds_trans_in_progress_<?php echo $wds; ?> = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_active_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> "); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_active_<?php echo $wds; ?> "); wds_set_dots_class_<?php echo $wds; ?> (); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_<?php echo $wds; ?> ) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function wds_gridlet(width, height, top, img_top, left, img_left, src, src2, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('<span class="wds_gridlet_<?php echo $wds; ?> " />').css({ display: "block", width : "100%", height : "100%", transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden', overflow: 'hidden' }).append(jQuery('<span class="wds_gridlet_<?php echo $wds; ?> " />').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?> ").width() + "px", height : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?> ").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> ").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); var grid_div2 = jQuery('<span class="wds_gridlet_<?php echo $wds; ?> " />').css({ display: "block", width : "100%", height : "100%", backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)', overflow: 'hidden' }).append(jQuery('<span class="wds_gridlet_<?php echo $wds; ?> " />').css({ display: "block", width : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?> ").width() + "px", height : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?> ").height() + "px", top : -top, left : -left, backgroundImage : src2, backgroundSize: jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> ").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); return jQuery('<span class="wds_gridlet_<?php echo $wds; ?> " />').css({ display: "block", width : width, height : height, top : top, left : left, transition : 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing + ' ' + delay + 'ms', transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', }).append(grid_div).append(grid_div2); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('div'); var next_img = jQuery(next_image_class).find('div'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('<span style="display: block;" />').addClass('wds_grid_<?php echo $wds; ?> ').css('perspective', 1000); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_<?php echo $wds; ?> "); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'), imgSrcNext = next_img.css('background-image'), colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_<?php echo $wds; ?> ").width() - cur_img.width()) / 2; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_<?php echo $wds; ?> ").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgSrcNext, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Execution steps.*/ setTimeout(function () { grid.children().css({ transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_<?php echo $wds; ?> = false; if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') { if (wds_event_stack_<?php echo $wds; ?> .length > 0) { key = wds_event_stack_<?php echo $wds; ?> [0].split("-"); wds_event_stack_<?php echo $wds; ?> .shift(); wds_change_image_<?php echo $wds; ?> (key[0], key[1], wds_data_<?php echo $wds; ?> , true); } } } } function wds_slic3DH_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_<?php echo $wds; ?> (1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_<?php echo $wds; ?> (1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slic3DV_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_<?php echo $wds; ?> (10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_<?php echo $wds; ?> (10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slicR3DH_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_<?php echo $wds; ?> (1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_<?php echo $wds; ?> (1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_slicR3DV_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_<?php echo $wds; ?> (10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_<?php echo $wds; ?> (10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_parallelSlide_<?php echo $wds; ?> (ni_left, ni_top, tx, ty, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?> ()) { return wds_fallback_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_<?php echo $wds; ?> ()) { return wds_fallback3d_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } wds_trans_in_progress_<?php echo $wds; ?> = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_active_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> "); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_active_<?php echo $wds; ?> "); wds_set_dots_class_<?php echo $wds; ?> (); jQuery(current_image_class).css({ position : 'absolute', top : '0px', left : '0px', position : 'absolute', }); jQuery(next_image_class).css({ position : 'absolute', top : ni_top + 'px', left : ni_left + 'px', 'opacity' : 1, filter : 'Alpha(opacity=100)', position : 'absolute', }); jQuery(".wds_slider_<?php echo $wds; ?> ").css({ position : 'relative', 'backface-visibility': 'hidden' }); jQuery(".wds_slide_bg_<?php echo $wds; ?> ").css({ overflow : 'hidden', }); /* Execution steps.*/ setTimeout(function () { jQuery('.wds_slider_<?php echo $wds; ?> ').css({ transition : 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing, transform : 'translateX(' + tx + 'px) translateY(' + ty + 'px)', }); }, 1); /* After transition.*/ jQuery('.wds_slider_<?php echo $wds; ?> ').one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_<?php echo $wds; ?> ").removeAttr('style'); jQuery(".wds_slide_bg_<?php echo $wds; ?> ").removeAttr('style'); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); wds_trans_in_progress_<?php echo $wds; ?> = false; if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') { if (wds_event_stack_<?php echo $wds; ?> .length > 0) { key = wds_event_stack_<?php echo $wds; ?> [0].split("-"); wds_event_stack_<?php echo $wds; ?> .shift(); wds_change_image_<?php echo $wds; ?> (key[0], key[1], wds_data_<?php echo $wds; ?> , true); } } } } function wds_parallelSlideH_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_<?php echo $wds; ?> (width, 0, -width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_<?php echo $wds; ?> (-width, 0, width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_parallelSlideV_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_<?php echo $wds; ?> (0, height, 0, -height, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_<?php echo $wds; ?> (0, -height, 0, height, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_cube_<?php echo $wds; ?> (tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?> ()) { return wds_fallback_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_<?php echo $wds; ?> ()) { return wds_fallback3d_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } wds_trans_in_progress_<?php echo $wds; ?> = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_active_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> "); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_active_<?php echo $wds; ?> "); wds_set_dots_class_<?php echo $wds; ?> (); jQuery(".wds_slide_container_<?php echo $wds; ?> ").css('overflow', 'visible'); jQuery(".wds_slideshow_image_spun2_<?php echo $wds; ?> ").css('overflow', 'visible'); jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> ").css('overflow', 'visible'); var filmstrip_position = '<?php echo $filmstrip_position; ?> '; if (filmstrip_position == 'none') { jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-radius', jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> ").css('border-radius')); } else { jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-radius', '<?php echo $slider_row->glb_border_radius; ?> '); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-radius', '<?php echo $slider_row->glb_border_radius; ?> '); if (filmstrip_position == 'top') { jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-top-left-radius', 0); jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-bottom-right-radius', 0); } else if (filmstrip_position == 'bottom') { jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-top-right-radius', 0); } else if (filmstrip_position == 'right') { jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-top-left-radius', 0); } else if (filmstrip_position == 'left') { jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?> ").css('border-top-right-radius', 0); } } jQuery(".wds_slide_bg_<?php echo $wds; ?> ").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', zIndex: 2, backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".wds_slider_<?php echo $wds; ?> ").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', position: 'absolute' }); /* Execution steps.*/ setTimeout(function () { jQuery(".wds_slider_<?php echo $wds; ?> ").css({ transition: 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing, transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".wds_slider_<?php echo $wds; ?> ").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_<?php echo $wds; ?> ").removeAttr('style'); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); wds_trans_in_progress_<?php echo $wds; ?> = false; if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') { if (wds_event_stack_<?php echo $wds; ?> .length > 0) { key = wds_event_stack_<?php echo $wds; ?> [0].split("-"); wds_event_stack_<?php echo $wds; ?> .shift(); wds_change_image_<?php echo $wds; ?> (key[0], key[1], wds_data_<?php echo $wds; ?> , true); } } jQuery(".wds_slide_container_<?php echo $wds; ?> ").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_spun2_<?php echo $wds; ?> ").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> ").css('overflow', 'hidden'); jQuery(".wds_slide_bg_<?php echo $wds; ?> ").css('perspective', 'none'); } } function wds_cubeR_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var random_direction = Math.floor(Math.random() * 2); var dimension = random_direction ? jQuery(current_image_class).height() / 2 : jQuery(current_image_class).width() / 2; if (direction == 'right') { if (random_direction) { wds_cube_<?php echo $wds; ?> (dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_<?php echo $wds; ?> (dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } else if (direction == 'left') { if (random_direction) { wds_cube_<?php echo $wds; ?> (dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_<?php echo $wds; ?> (dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } } function wds_cubeH_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_cube_<?php echo $wds; ?> (dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_<?php echo $wds; ?> (dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_cubeV_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == 'right') { wds_cube_<?php echo $wds; ?> (dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_<?php echo $wds; ?> (dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } /* For browsers that does not support transitions.*/ function wds_fallback_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_fade_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function wds_fallback3d_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_sliceV_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } function wds_none_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_active_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> "); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_active_<?php echo $wds; ?> "); wds_set_dots_class_<?php echo $wds; ?> (); } function wds_fade_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_active_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> "); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_active_<?php echo $wds; ?> "); wds_set_dots_class_<?php echo $wds; ?> (); if (wds_testBrowser_cssTransitions_<?php echo $wds; ?> ()) { jQuery(next_image_class).css('transition', 'opacity ' + wds_transition_duration_<?php echo $wds; ?> + 'ms linear'); jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); } else { jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, wds_transition_duration_<?php echo $wds; ?> ); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: wds_transition_duration_<?php echo $wds; ?> , complete: function () { } }); /* For IE.*/ jQuery(current_image_class).fadeTo(wds_transition_duration_<?php echo $wds; ?> , 0); jQuery(next_image_class).fadeTo(wds_transition_duration_<?php echo $wds; ?> , 1); } } function wds_grid_<?php echo $wds; ?> (cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction, random, roy, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?> ()) { return wds_fallback_<?php echo $wds; ?> (current_image_class, next_image_class, direction); } wds_trans_in_progress_<?php echo $wds; ?> = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_active_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> "); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?> ").removeClass("wds_slideshow_thumb_deactive_<?php echo $wds; ?> ").addClass("wds_slideshow_thumb_active_<?php echo $wds; ?> "); wds_set_dots_class_<?php echo $wds; ?> (); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_<?php echo $wds; ?> ) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function wds_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('<span class="wds_gridlet_<?php echo $wds; ?> " />').css({ display: "block", width : imgWidth,/*"100%"*/ height : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?> ").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> ").css("background-color"),*/ backgroundRepeat: 'no-repeat' }); return jQuery('<span class="wds_gridlet_<?php echo $wds; ?> " />').css({ display: "block", width : width,/*"100%"*/ height : height, top : top, left : left, backgroundSize : imgWidth + 'px ' + imgHeight + 'px', backgroundPosition : img_left + 'px ' + img_top + 'px', backgroundRepeat: 'no-repeat', overflow: "hidden", transition : 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing + ' ' + delay + 'ms', transform : 'none' }).append(grid_div); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('div'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('<span style="display: block;" />').addClass('wds_grid_<?php echo $wds; ?> '); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_<?php echo $wds; ?> "); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'),/*.replace('/thumb', ''),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_<?php echo $wds; ?> ").width() - cur_img.width()) / 2; /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/ tx = tx === 'auto' ? contWidth : tx; tx = tx === 'min-auto' ? - contWidth : tx; ty = ty === 'auto' ? contHeight : ty; ty = ty === 'min-auto' ? - contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_<?php echo $wds; ?> ").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass('rs-top-left'); grid.children().last().addClass('rs-bottom-right'); grid.children().eq(rows - 1).addClass('rs-bottom-left'); grid.children().eq(- rows).addClass('rs-top-right'); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: 'rotate('+ ro +'deg) rotateY('+ roy +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')' }); }, 1); jQuery(next_image_class).css('opacity', 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_<?php echo $wds; ?> = false; if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') { if (wds_event_stack_<?php echo $wds; ?> .length > 0) { key = wds_event_stack_<?php echo $wds; ?> [0].split("-"); wds_event_stack_<?php echo $wds; ?> .shift(); wds_change_image_<?php echo $wds; ?> (key[0], key[1], wds_data_<?php echo $wds; ?> , true); } } } } function wds_sliceH_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_<?php echo $wds; ?> (1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_sliceV_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } wds_grid_<?php echo $wds; ?> (10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_slideV_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } wds_grid_<?php echo $wds; ?> (1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_slideH_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_<?php echo $wds; ?> (1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_scaleOut_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_scaleIn_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScale_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScaleR_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 1, 0, 'ease-in-out'); } function wds_blindR_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (8, 1, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_tilesR_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (8, 8, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_kaleidoscope_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_fan_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { if (direction == 'right') { var rotate = 45; var translateX = 100; } else if (direction == 'left') { var rotate = -45; var translateX = -100; } wds_grid_<?php echo $wds; ?> (1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindV_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindH_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { wds_grid_<?php echo $wds; ?> (10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_random_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV', 'parallelSlideH', 'parallelSlideV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_<?php echo $wds; ?> "](current_image_class, next_image_class, direction); } function wds_3Drandom_<?php echo $wds; ?> (current_image_class, next_image_class, direction) { var anims = ['cubeH', 'cubeV', 'cubeR', 'slic3DH', 'slic3DV', 'slicR3DH', 'slicR3DV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_<?php echo $wds; ?> "](current_image_class, next_image_class, direction); } function iterator_<?php echo $wds; ?> () { var iterator = 1; if (<?php echo $enable_slideshow_shuffle; ?> ) { iterator = Math.floor((wds_data_<?php echo $wds; ?> .length - 1) * Math.random() + 1); } return iterator; } function wds_change_image_<?php echo $wds; ?> (current_key, key, wds_data_<?php echo $wds; ?> , from_effect) { <?php if ($slider_row->effect == 'zoomFade') { ?> wds_genBgPos_<?php echo $wds; ?> (); <?php } ?> /* Pause videos.*/ jQuery("#wds_slideshow_image_container_<?php echo $wds; ?> ").find("iframe").each(function () { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*"); }); /* Pause layer videos.*/ jQuery(".wds_video_layer_frame_<?php echo $wds; ?> ").each(function () { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*"); }); if (wds_data_<?php echo $wds; ?> [key]) { if (jQuery('.wds_ctrl_btn_<?php echo $wds; ?> ').hasClass('fa-pause') || ('<?php echo $autoplay; ?> ')) { play_<?php echo $wds; ?> (); } if (!from_effect) { /* Change image key.*/ jQuery("#wds_current_image_key_<?php echo $wds; ?> ").val(key); if (current_key == '-1') { /* Filmstrip.*/ current_key = jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?> ").children("img").attr("image_key"); } else if (current_key == '-2') { /* Dots.*/ current_key = jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?> ").attr("image_key"); } } if (wds_trans_in_progress_<?php echo $wds; ?> ) { wds_event_stack_<?php echo $wds; ?> .push(current_key + '-' + key); return; } var direction = 'right'; if (wds_current_key_<?php echo $wds; ?> > key) { var direction = 'left'; } else if (wds_current_key_<?php echo $wds; ?> == key) { return; } /* Set active thumbnail position.*/ wds_current_filmstrip_pos_<?php echo $wds; ?> = key * (jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () + 2 + 2 * 0); wds_current_key_<?php echo $wds; ?> = key; /* Change image id.*/ jQuery("div[img_id=wds_slideshow_image_<?php echo $wds; ?> ]").attr('image_id', wds_data_<?php echo $wds; ?> [key]["id"]); var current_image_class = "#image_id_<?php echo $wds; ?> _" + wds_data_<?php echo $wds; ?> [current_key]["id"]; var next_image_class = "#image_id_<?php echo $wds; ?> _" + wds_data_<?php echo $wds; ?> [key]["id"]; <?php if ($slider_row->preload_images) { ?> if (!wds_data_<?php echo $wds; ?> [key]["is_video"]) { jQuery(next_image_class).find("div").css("background-image", 'url("' + wds_data_<?php echo $wds; ?> [key]["image_url"] + '")'); } <?php } ?> var current_slide_layers_count = wds_data_<?php echo $wds; ?> [current_key]["slide_layers_count"]; var next_slide_layers_count = wds_data_<?php echo $wds; ?> [key]["slide_layers_count"]; /* Clear layers before image change.*/ function set_layer_effect_out_before_change(m) { wds_clear_layers_effects_out_before_change_<?php echo $wds; ?> [current_key][m] = setTimeout(function() { if (wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_type"] != 'social') { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_layer_effect_out"] + ' animated'); } else { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_layer_effect_out"] + ' fa fa-' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_social_button"] + ' animated'); } }, 10); } if (<?php echo $slider_row->layer_out_next; ?> ) { for (var m = 0; m < current_slide_layers_count; m++) { if (jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + m + "_id"]).css('opacity') != 0) { set_layer_effect_out_before_change(m); } } } /* Loop through current slide layers for clear effects.*/ setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_in_<?php echo $wds; ?> [current_key][k]); clearTimeout(wds_clear_layers_effects_out_<?php echo $wds; ?> [current_key][k]); if (wds_data_<?php echo $wds; ?> [current_key]["layer_" + k + "_type"] != 'social') { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + k + "_id"]).removeClass().addClass('wds_layer_'+ wds_data_<?php echo $wds; ?> [current_key]["layer_" + k + "_id"]); } else { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + k + "_id"]).removeClass().addClass('fa fa-' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + k + "_social_button"] + ' wds_layer_' + wds_data_<?php echo $wds; ?> [current_key]["layer_" + k + "_id"]); } } }, wds_duration_for_clear_effects_<?php echo $wds; ?> ); /* Effects out part.*/ function set_layer_effect_out(i) { wds_clear_layers_effects_out_<?php echo $wds; ?> [key][i] = setTimeout(function() { if (wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_layer_effect_out"] != 'none') { if (wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_type"] != 'social') { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_layer_effect_out"] + ' animated'); } else { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_layer_effect_out"] + ' fa fa-' + wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_social_button"] + ' animated'); } } }, wds_data_<?php echo $wds; ?> [key]["layer_" + i + "_end"]); } /* Effects in part.*/ function set_layer_effect_in(j) { wds_clear_layers_effects_in_<?php echo $wds; ?> [key][j] = setTimeout(function() { if (wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_type"] != 'social') { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_layer_effect_in"] + ' animated'); } else { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_layer_effect_in"] + ' fa fa-' + wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_social_button"] + ' animated'); } /* Play video on layer in.*/ if ((wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_type"] == "video") && (wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_video_autoplay"] == "on")) { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [key]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_id"]).find("iframe").each(function () { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "play" }', "*"); }); } }, wds_data_<?php echo $wds; ?> [key]["layer_" + j + "_start"]); } /* Loop through layers in.*/ for (var j = 0; j < next_slide_layers_count; j++) { set_layer_effect_in(j); } /* Loop through layers out if pause button not pressed.*/ if (jQuery(".wds_ctrl_btn_<?php echo $wds; ?> ").hasClass("fa-pause")) { for (var i = 0; i < next_slide_layers_count; i++) { set_layer_effect_out(i); } } setTimeout(function() { if (typeof jQuery().finish !== 'undefined') { if (jQuery.isFunction(jQuery().finish)) { jQuery(".wds_line_timer_<?php echo $wds; ?> ").finish(); } } jQuery(".wds_line_timer_<?php echo $wds; ?> ").css({width: 0}); wds_<?php echo $slideshow_effect; ?> _<?php echo $wds; ?> (current_image_class, next_image_class, direction); if (('<?php echo $slider_row->timer_bar_type; ?> ' != 'none') && (<?php echo $enable_slideshow_autoplay; ?> || jQuery('.wds_ctrl_btn_<?php echo $wds; ?> ').hasClass('fa-pause'))) { if('<?php echo $slider_row->timer_bar_type; ?> ' == 'top' || '<?php echo $slider_row->timer_bar_type; ?> ' == 'bottom') { if (!jQuery(".wds_ctrl_btn_<?php echo $wds; ?> ").hasClass("fa-play")) { jQuery(".wds_line_timer_<?php echo $wds; ?> ").animate({ width: "100%" }, { duration: <?php echo $slideshow_interval * 1000; ?> , specialEasing: {width: "linear"} }); } } else if ('<?php echo $slider_row->timer_bar_type; ?> ' != 'none') { if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') { circle_timer_animate_<?php echo $wds; ?> .stop(); } jQuery('#top_right_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'left bottom', '-ms-transform-origin': 'left bottom', '-moz-transform-origin': 'left bottom', 'transform-origin': 'left bottom' }); jQuery('#bottom_right_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'left top', '-ms-transform-origin': 'left top', '-moz-transform-origin': 'left top', 'transform-origin': 'left top' }); jQuery('#bottom_left_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'right top', '-ms-transform-origin': 'right top', '-moz-transform-origin': 'right top', 'transform-origin': 'right top' }); jQuery('#top_left_<?php echo $wds; ?> ').css({ '-moz-transform':'rotate(0deg)', '-webkit-transform':'rotate(0deg)', '-o-transform':'rotate(0deg)', '-ms-transform':'rotate(0deg)', 'transform':'rotate(0deg)', '-webkit-transform-origin': 'right bottom', '-ms-transform-origin': 'right bottom', '-moz-transform-origin': 'right bottom', 'transform-origin': 'right bottom' }); if (!jQuery(".wds_ctrl_btn_<?php echo $wds; ?> ").hasClass("fa-play")) { /* Begin circle timer on next.*/ circle_timer_<?php echo $wds; ?> (0); } else { curent_time_deggree_<?php echo $wds; ?> = 0; } } } <?php if ($filmstrip_position != 'none' && $slides_count > 1) { ?> wds_move_filmstrip_<?php echo $wds; ?> (); <?php } if ($bull_position != 'none' && $slides_count > 1) { ?> wds_move_dots_<?php echo $wds; ?> (); <?php } ?> if (wds_data_<?php echo $wds; ?> [key]["is_video"]) { jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?> ").css({display: 'none'}); } else { jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?> ").css({display: ''}); } }, wds_duration_for_change_<?php echo $wds; ?> ); } } function wds_resize_slider_<?php echo $wds; ?> () { var slide_orig_width = <?php echo $image_width; ?> ; var slide_orig_height = <?php echo $image_height; ?> ; var slide_width = jQuery("#wds_container1_<?php echo $wds; ?> ").parent().width(); if (slide_orig_width <= slide_width) { slide_width = slide_orig_width; } var ratio = slide_width / slide_orig_width; <?php if ($slider_row->full_width) { ?> ratio = jQuery(window).width() / slide_orig_width; slide_orig_width = jQuery(window).width() - <?php echo 2 * $slider_row->glb_margin; ?> ; slide_orig_height = <?php echo $image_height; ?> * slide_orig_width / <?php echo $image_width; ?> ; slide_width = jQuery(window).width() - <?php echo 2 * $slider_row->glb_margin; ?> ; wds_full_width_<?php echo $wds; ?> (); <?php } ?> var slide_height = slide_orig_height; if (slide_orig_width > slide_width) { slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width); } jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> , #wds_container2_<?php echo $wds; ?> ").height(slide_height + <?php echo $filmstrip_direction == 'horizontal' ? $filmstrip_height : 0; ?> ); jQuery(".wds_slideshow_image_container_<?php echo $wds; ?> ").height(slide_height); jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").height(slide_height); jQuery(".wds_slideshow_video_<?php echo $wds; ?> ").height(slide_height); jQuery(".wds_slideshow_image_<?php echo $wds; ?> img").each(function () { var wds_theImage = new Image(); wds_theImage.src = jQuery(this).attr("src"); var wds_origWidth = wds_theImage.width; var wds_origHeight = wds_theImage.height; var wds_imageWidth = jQuery(this).attr("wds_image_width"); var wds_imageHeight = jQuery(this).attr("wds_image_height"); var wds_width = wds_imageWidth; if (wds_origWidth <= wds_imageWidth) { wds_width = wds_origWidth; } var wds_height = wds_imageHeight; if (wds_origHeight <= wds_imageHeight) { wds_height = wds_origHeight; } jQuery(this).css({ maxWidth: (parseFloat(wds_imageWidth) * ratio) + "px", maxHeight: (parseFloat(wds_imageHeight) * ratio) + "px", }); if (jQuery(this).attr("wds_scale") != "on") { jQuery(this).css({ width: (parseFloat(wds_imageWidth) * ratio) + "px", height: (parseFloat(wds_imageHeight) * ratio) + "px" }); } else if (wds_origWidth <= wds_imageWidth || wds_origHeight <= wds_imageHeight) { if (wds_origWidth / wds_imageWidth > wds_origHeight / wds_imageHeight) { jQuery(this).css({ width: (parseFloat(wds_imageWidth) * ratio) + "px" }); } else { jQuery(this).css({ height: (parseFloat(wds_imageHeight) * ratio) + "px" }); } } }); jQuery(".wds_slideshow_image_<?php echo $wds; ?> span, .wds_slideshow_image_<?php echo $wds; ?> i").each(function () { jQuery(this).css({ fontSize: (parseFloat(jQuery(this).attr("wds_fsize")) * ratio) + "px", lineHeight: "1.25em", paddingLeft: (parseFloat(jQuery(this).attr("wds_fpaddingl")) * ratio) + "px", paddingRight: (parseFloat(jQuery(this).attr("wds_fpaddingr")) * ratio) + "px", paddingTop: (parseFloat(jQuery(this).attr("wds_fpaddingt")) * ratio) + "px", paddingBottom: (parseFloat(jQuery(this).attr("wds_fpaddingb")) * ratio) + "px", }) }); } function wds_genBgPos_<?php echo $wds; ?> () { var bgSizeArray = [0, 70]; var bgSize = bgSizeArray[Math.floor(Math.random() * bgSizeArray.length)]; var bgPosXArray = ['left', 'right']; var bgPosYArray = ['top', 'bottom']; var bgPosX = bgPosXArray[Math.floor(Math.random() * bgPosXArray.length)]; var bgPosY = bgPosYArray[Math.floor(Math.random() * bgPosYArray.length)]; jQuery(".wds_slideshow_image_<?php echo $wds; ?> ").css({ backgroundPosition: bgPosX + " " + bgPosY, backgroundSize : (100 + bgSize) + "%", webkitAnimation: '<?php echo $slideshow_interval; ?> s linear 0s alternate infinite wdszoom' + bgSize, mozAnimation: '<?php echo $slideshow_interval; ?> s linear 0s alternate infinite wdszoom' + bgSize, animation: '<?php echo $slideshow_interval; ?> s linear 0s alternate infinite wdszoom' + bgSize }); } jQuery(window).resize(function () { wds_resize_slider_<?php echo $wds; ?> (); }); function wds_full_width_<?php echo $wds; ?> () { var left = jQuery("#wds_container1_<?php echo $wds; ?> ").offset().left; jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?> ").css({ left: (-left + <?php echo $slider_row->glb_margin; ?> ) + "px", width: (jQuery(window).width() - <?php echo 2 * $slider_row->glb_margin; ?> ) + "px", maxWidth: "none" }); } jQuery(window).load(function () { <?php if ($enable_slideshow_autoplay && $slider_row->stop_animation) { ?> jQuery("#wds_container1_<?php echo $wds; ?> ").mouseover(function(e) { wds_stop_animation_<?php echo $wds; ?> (); }); jQuery("#wds_container1_<?php echo $wds; ?> ").mouseout(function(e) { if (!e) { var e = window.event; } var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement; while (reltg.tagName != 'BODY') { if (reltg.id == this.id){ return; } reltg = reltg.parentNode; } wds_play_animation_<?php echo $wds; ?> (); }); <?php } ?> jQuery(".wds_slideshow_image_<?php echo $wds; ?> span, .wds_slideshow_image_<?php echo $wds; ?> i").each(function () { jQuery(this).attr("wds_fpaddingl", jQuery(this).css("paddingLeft")); jQuery(this).attr("wds_fpaddingr", jQuery(this).css("paddingRight")); jQuery(this).attr("wds_fpaddingt", jQuery(this).css("paddingTop")); jQuery(this).attr("wds_fpaddingb", jQuery(this).css("paddingBottom")); }); if (<?php echo $navigation; ?> ) { jQuery("#wds_container2_<?php echo $wds; ?> ").hover(function () { jQuery(".wds_right-ico_<?php echo $wds; ?> ").animate({left: 0}, 700, "swing"); jQuery(".wds_left-ico_<?php echo $wds; ?> ").animate({left: 0}, 700, "swing"); jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?> ").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing"); }, function () { jQuery(".wds_right-ico_<?php echo $wds; ?> ").css({left: 4000}); jQuery(".wds_left-ico_<?php echo $wds; ?> ").css({left: -4000}); jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?> ").css({opacity: 0, filter: "Alpha(opacity=0)"}); }); } wds_resize_slider_<?php echo $wds; ?> (); jQuery("#wds_container2_<?php echo $wds; ?> ").css({visibility: 'visible'}); jQuery(".wds_loading").hide(); <?php if ($slider_row->effect == 'zoomFade') { ?> wds_genBgPos_<?php echo $wds; ?> (); <?php } if ($image_right_click) { ?> /* Disable right click.*/ jQuery('div[id^="wds_container"]').bind("contextmenu", function () { return false; }); <?php } ?> if (<?php echo $enable_prev_next_butt; ?> ) { if (typeof jQuery().swiperight !== 'undefined') { if (jQuery.isFunction(jQuery().swiperight)) { jQuery('#wds_container1_<?php echo $wds; ?> ').swiperight(function () { wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()) - iterator_<?php echo $wds; ?> ()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()) - iterator_<?php echo $wds; ?> ()) % wds_data_<?php echo $wds; ?> .length : wds_data_<?php echo $wds; ?> .length - 1, wds_data_<?php echo $wds; ?> ); return false; }); } } if (typeof jQuery().swipeleft !== 'undefined') { if (jQuery.isFunction(jQuery().swipeleft)) { jQuery('#wds_container1_<?php echo $wds; ?> ').swipeleft(function () { wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()) + iterator_<?php echo $wds; ?> ()) % wds_data_<?php echo $wds; ?> .length, wds_data_<?php echo $wds; ?> ); return false; }); } } } var isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())); var wds_click = isMobile ? 'touchend' : 'click'; var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; /* FF doesn't recognize mousewheel as of FF3.x */ jQuery('.wds_slideshow_filmstrip_<?php echo $wds; ?> ').bind(mousewheelevt, function(e) { var evt = window.event || e; /* Equalize event object.*/ evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/ var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/ if (delta > 0) { /* Scroll up.*/ jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> ").trigger("click"); } else { /* Scroll down.*/ jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?> ").trigger("click"); } return false; }); jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?> ").on(wds_click, function () { if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery( ".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> " ).stop(true, false); } } if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> >= -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () - jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> ())) { jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> ").css({opacity: 1, filter: "Alpha(opacity=100)"}); if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> < -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () - jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () - <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?> )) { jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").animate({<?php echo $left_or_top; ?> : -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () - jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> ())}, 500, 'linear'); } else { jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").animate({<?php echo $left_or_top; ?> : (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> - <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?> )}, 500, 'linear'); } } /* Disable right arrow.*/ window.setTimeout(function() { if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> == -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> () - jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> ())) { jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?> ").css({opacity: 0.3, filter: "Alpha(opacity=30)"}); } }, 500); }); jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> ").on(wds_click, function () { if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { jQuery( ".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> " ).stop(true, false); } } if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> < 0) { jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?> ").css({opacity: 1, filter: "Alpha(opacity=100)"}); if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> > - <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?> ) { jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").animate({<?php echo $left_or_top; ?> : 0}, 500, 'linear'); } else { jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").animate({<?php echo $left_or_top; ?> : (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> + <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?> )}, 500, 'linear'); } } /* Disable left arrow.*/ window.setTimeout(function(){ if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> ").position().<?php echo $left_or_top; ?> == 0) { jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> ").css({opacity: 0.3, filter: "Alpha(opacity=30)"}); } }, 500); }); /* Set filmstrip initial position.*/ wds_set_filmstrip_pos_<?php echo $wds; ?> (jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?> ").<?php echo $width_or_height; ?> ()); /* Play/pause.*/ jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?> ").on(wds_click, function () { if (jQuery(".wds_ctrl_btn_<?php echo $wds; ?> ").hasClass("fa-play")) { /* Play.*/ jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?> ").attr("title", "<?php echo __('Pause', 'bwg'); ?> "); 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"); /* Finish current animation and begin the other.*/ if (<?php echo $enable_slideshow_autoplay; ?> && ('<?php echo $slider_row->timer_bar_type; ?> ' != 'top' && '<?php echo $slider_row->timer_bar_type; ?> ' != 'bottom')) { if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') { circle_timer_animate_<?php echo $wds; ?> .stop(); } circle_timer_<?php echo $wds; ?> (curent_time_deggree_<?php echo $wds; ?> ); } play_<?php echo $wds; ?> (); if (<?php echo $enable_slideshow_music; ?> ) { document.getElementById("wds_audio_<?php echo $wds; ?> ").play(); } } else { /* Pause.*/ /* Pause layers out effect.*/ var current_key = jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val(); var current_slide_layers_count = wds_data_<?php echo $wds; ?> [current_key]["slide_layers_count"]; setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_out_<?php echo $wds; ?> [current_key][k]); } }, wds_duration_for_clear_effects_<?php echo $wds; ?> ); window.clearInterval(wds_playInterval_<?php echo $wds; ?> ); jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?> ").attr("title", "<?php echo __('Play', 'bwg'); ?> "); 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-play"); if (<?php echo $enable_slideshow_music; ?> ) { document.getElementById("wds_audio_<?php echo $wds; ?> ").pause(); } if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { <?php if ($slider_row->timer_bar_type == 'top' || $slider_row->timer_bar_type == 'bottom') { ?> jQuery(".wds_line_timer_<?php echo $wds; ?> ").stop(); <?php } elseif ($slider_row->timer_bar_type != 'none') { ?> /* Pause circle timer.*/ if (typeof circle_timer_animate_<?php echo $wds; ?> .stop !== 'undefined') { circle_timer_animate_<?php echo $wds; ?> .stop(); } <?php } ?> } } } }); if (<?php echo $enable_slideshow_autoplay; ?> ) { play_<?php echo $wds; ?> (); jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?> ").attr("title", "<?php echo __('Pause', 'bwg'); ?> "); 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"); if (<?php echo $enable_slideshow_music; ?> ) { document.getElementById("wds_audio_<?php echo $wds; ?> ").play(); } if ('<?php echo $slider_row->timer_bar_type; ?> ' != 'none' && '<?php echo $slider_row->timer_bar_type; ?> ' != 'top' && '<?php echo $slider_row->timer_bar_type; ?> ' != 'bottom') { circle_timer_<?php echo $wds; ?> (0); } } <?php if ($slider_row->preload_images) { ?> function wds_preload_<?php echo $wds; ?> (preload_key) { jQuery("<img/>") .load(function() { if (preload_key < wds_data_<?php echo $wds; ?> .length - 1) wds_preload_<?php echo $wds; ?> (preload_key + 1); }) .error(function() { if (preload_key < wds_data_<?php echo $wds; ?> .length - 1) wds_preload_<?php echo $wds; ?> (preload_key + 1); }) .attr("src", (!wds_data_<?php echo $wds; ?> [preload_key]["is_video"] ? wds_data_<?php echo $wds; ?> [preload_key]["image_url"] : "")); } wds_preload_<?php echo $wds; ?> (0); <?php } ?> var first_slide_layers_count_<?php echo $wds; ?> = wds_data_<?php echo $wds; ?> [0]["slide_layers_count"]; if (first_slide_layers_count_<?php echo $wds; ?> ) { /* Loop through layers in.*/ for (var j = 0; j < first_slide_layers_count_<?php echo $wds; ?> ; j++) { set_layer_effect_in_onload_<?php echo $wds; ?> (j); } /* Loop through layers out.*/ for (var i = 0; i < first_slide_layers_count_<?php echo $wds; ?> ; i++) { set_layer_effect_out_onload_<?php echo $wds; ?> (i); } } }); function wds_stop_animation_<?php echo $wds; ?> () { window.clearInterval(wds_playInterval_<?php echo $wds; ?> ); /* Pause layers out effect.*/ var current_key = jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val(); var current_slide_layers_count = wds_data_<?php echo $wds; ?> [current_key]["slide_layers_count"]; setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_out_<?php echo $wds; ?> [current_key][k]); } }, wds_duration_for_clear_effects_<?php echo $wds; ?> ); if (<?php echo $enable_slideshow_music; ?> ) { document.getElementById("wds_audio_<?php echo $wds; ?> ").pause(); } if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { if ('<?php echo $slider_row->timer_bar_type; ?> ' == 'top' || '<?php echo $slider_row->timer_bar_type; ?> ' == 'bottom') { jQuery(".wds_line_timer_<?php echo $wds; ?> ").stop(); } else if ('<?php echo $slider_row->timer_bar_type; ?> ' != 'none') { circle_timer_animate_<?php echo $wds; ?> .stop(); } } } } function wds_play_animation_<?php echo $wds; ?> () { if (jQuery(".wds_ctrl_btn_<?php echo $wds; ?> ").hasClass("fa-play")) { return; } play_<?php echo $wds; ?> (); if ('<?php echo $slider_row->timer_bar_type; ?> ' != 'none' && '<?php echo $slider_row->timer_bar_type; ?> ' != 'bottom' && '<?php echo $slider_row->timer_bar_type; ?> ' != 'top') { if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') { circle_timer_animate_<?php echo $wds; ?> .stop(); } circle_timer_<?php echo $wds; ?> (curent_time_deggree_<?php echo $wds; ?> ); } if (<?php echo $enable_slideshow_music; ?> ) { document.getElementById("wds_audio_<?php echo $wds; ?> ").play(); } } /* Effects in part.*/ function set_layer_effect_in_onload_<?php echo $wds; ?> (j) { wds_clear_layers_effects_in_<?php echo $wds; ?> [0][j] = setTimeout(function(){ if (wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_type"] != 'social') { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_layer_effect_in"] + ' animated'); } else { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_layer_effect_in"] + ' fa fa-' + wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_social_button"] + ' animated'); } /* Play video on layer in.*/ if ((wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_type"] == "video") && (wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_video_autoplay"] == "on")) { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_id"]).find("iframe").each(function () { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "play" }', "*"); }); } }, wds_data_<?php echo $wds; ?> [0]["layer_" + j + "_start"]); } /* Effects out part.*/ function set_layer_effect_out_onload_<?php echo $wds; ?> (i) { wds_clear_layers_effects_out_<?php echo $wds; ?> [0][i] = setTimeout(function() { if (wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_layer_effect_out"] != 'none') { if (wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_type"] != 'social') { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_layer_effect_out"] + ' animated'); } else { jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_<?php echo $wds; ?> _slide' + wds_data_<?php echo $wds; ?> [0]["id"] + '_layer' + wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_layer_effect_out"] + ' fa fa-' + wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_social_button"] + ' animated'); } } }, wds_data_<?php echo $wds; ?> [0]["layer_" + i + "_end"]); } function play_<?php echo $wds; ?> () { if (('<?php echo $slider_row->timer_bar_type; ?> ' != 'none') && (<?php echo $enable_slideshow_autoplay; ?> || jQuery('.wds_ctrl_btn_<?php echo $wds; ?> ').hasClass('fa-pause'))) { jQuery(".wds_line_timer_<?php echo $wds; ?> ").animate({ width: "100%" }, { duration: <?php echo $slideshow_interval * 1000; ?> , specialEasing: {width: "linear"} }); } window.clearInterval(wds_playInterval_<?php echo $wds; ?> ); /* Play.*/ wds_playInterval_<?php echo $wds; ?> = setInterval(function () { var iterator = 1; if (<?php echo $enable_slideshow_shuffle; ?> ) { iterator = Math.floor((wds_data_<?php echo $wds; ?> .length - 1) * Math.random() + 1); } wds_change_image_<?php echo $wds; ?> (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?> ').val()) + iterator) % wds_data_<?php echo $wds; ?> .length, wds_data_<?php echo $wds; ?> ) }, '<?php echo $slideshow_interval * 1000; ?> '); } jQuery(window).focus(function() { if (!jQuery(".wds_ctrl_btn_<?php echo $wds; ?> ").hasClass("fa-play")) { if (<?php echo $enable_slideshow_autoplay; ?> ) { play_<?php echo $wds; ?> (); if ('<?php echo $slider_row->timer_bar_type; ?> ' != 'none' && '<?php echo $slider_row->timer_bar_type; ?> ' != 'top' && '<?php echo $slider_row->timer_bar_type; ?> ' != 'bottom') { if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') { circle_timer_animate_<?php echo $wds; ?> .stop(); } circle_timer_<?php echo $wds; ?> (curent_time_deggree_<?php echo $wds; ?> ); } } } var i_<?php echo $wds; ?> = 0; jQuery(".wds_slider_<?php echo $wds; ?> ").children("span").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#wds_current_image_key_<?php echo $wds; ?> ").val(i_<?php echo $wds; ?> ); } i_<?php echo $wds; ?> ++; }); }); jQuery(window).blur(function() { wds_event_stack_<?php echo $wds; ?> = []; window.clearInterval(wds_playInterval_<?php echo $wds; ?> ); if (typeof jQuery().stop !== 'undefined') { if (jQuery.isFunction(jQuery().stop)) { if ('<?php echo $slider_row->timer_bar_type; ?> ' == 'top' || '<?php echo $slider_row->timer_bar_type; ?> ' == 'bottom') { jQuery(".wds_line_timer_<?php echo $wds; ?> ").stop(); } else if ('<?php echo $slider_row->timer_bar_type; ?> ' != 'none') { circle_timer_animate_<?php echo $wds; ?> .stop(); } } } }); </script> <?php if ($from_shortcode) { return; } else { die; } }