<?php class BWGViewSlideshow extends BWGViewSite { public function display($params = array(), $bwg = 0, $ajax = FALSE) { $theme_row = $params['theme_row']; $image_rows = $params['image_rows']; $image_rows = $image_rows['images']; $images_count = count($image_rows); $content = ''; $lazyload = BWG()->options->lazyload_images; if ( $images_count ) { $filmstrip_direction = 'horizontal'; if ( $theme_row->slideshow_filmstrip_pos == 'right' || $theme_row->slideshow_filmstrip_pos == 'left' ) { $filmstrip_direction = 'vertical'; } $slideshow_effect = $params['slideshow_effect']; $enable_slideshow_autoplay = $params['enable_slideshow_autoplay']; $enable_slideshow_shuffle = $params['enable_slideshow_shuffle']; $enable_slideshow_ctrl = $params['enable_slideshow_ctrl']; $enable_slideshow_filmstrip = !empty($params['enable_slideshow_filmstrip']) ? 1 : 0; $slideshow_filmstrip_type = $params['slideshow_filmstrip_type']; $slideshow_thumbnails_count = $params['slideshow_thumbnails_count']; // This option 'enable_slideshow_filmstrip' has been removed and is being used with the new option 'slideshow_filmstrip_type'. if ( $enable_slideshow_filmstrip || ( $slideshow_filmstrip_type == 1 ) ) { $slideshow_filmstrip_type = 1; } $slideshow_filmstrip_height = 0; $slideshow_filmstrip_width = 0; $thumb_width = BWG()->options->thumb_width; $thumb_height = BWG()->options->thumb_height; $enable_image_title = $params['slideshow_enable_title']; $slideshow_title_position = explode('-', $params['slideshow_title_position']); $enable_image_description = $params['slideshow_enable_description']; $slideshow_description_position = explode('-', $params['slideshow_description_position']); $enable_slideshow_music = $params['enable_slideshow_music']; $slideshow_music_url = $params['slideshow_music_url']; /* Validate url. If not valid add upload url.*/ $url = filter_var($slideshow_music_url, FILTER_SANITIZE_URL); if ( FALSE === filter_var($url, FILTER_VALIDATE_URL) ) { $slideshow_music_url = BWG()->upload_url . $slideshow_music_url; } $image_width = $params['slideshow_width']; $image_height = $params['slideshow_height']; $watermark_font_size = $params['watermark_font_size']; $watermark_font = $params['watermark_font']; $watermark_color = $params['watermark_color']; $watermark_opacity = $params['watermark_opacity']; $watermark_position = explode('-', $params['watermark_position']); $watermark_link = $params['watermark_link']; $watermark_url = $params['watermark_url']; $watermark_width = $params['watermark_width']; $watermark_height = $params['watermark_height']; $current_image_id = ($image_rows ? $image_rows[0]->id : 0); $play_pause_button_display = 'undefined'; $filmstrip_thumb_margin = $theme_row->slideshow_filmstrip_thumb_margin; $margins_split = explode(" ", $filmstrip_thumb_margin); $temp_iterator = ($filmstrip_direction == 'horizontal' ? 1 : 0); if ( isset($margins_split[$temp_iterator]) ) { $filmstrip_thumb_margin_right = (int) $margins_split[$temp_iterator]; if ( isset($margins_split[$temp_iterator + 2]) ) { $filmstrip_thumb_margin_left = (int) $margins_split[$temp_iterator + 2]; } else { $filmstrip_thumb_margin_left = $filmstrip_thumb_margin_right; } } elseif ( isset($margins_split[0]) ) { $filmstrip_thumb_margin_right = (int) $margins_split[0]; $filmstrip_thumb_margin_left = $filmstrip_thumb_margin_right; } $filmstrip_thumb_margin_hor = $filmstrip_thumb_margin_right + $filmstrip_thumb_margin_left; // Slideshow filmstrip type is None. if ( $slideshow_filmstrip_type == 0 ) { if ( $theme_row->slideshow_filmstrip_pos == 'left' ) { $theme_row->slideshow_filmstrip_pos = 'top'; } if ( $theme_row->slideshow_filmstrip_pos == 'right' ) { $theme_row->slideshow_filmstrip_pos = 'bottom'; } } // Slideshow filmstrip type is Fix dimension. else if ( $slideshow_filmstrip_type && $slideshow_filmstrip_type == 1 ) { if ( $filmstrip_direction == 'horizontal' ) { $slideshow_filmstrip_height = $params['slideshow_filmstrip_height']; $thumb_ratio = $thumb_width / $thumb_height; $slideshow_filmstrip_width = round($thumb_ratio * $slideshow_filmstrip_height); } else { $slideshow_filmstrip_width = $params['slideshow_filmstrip_height']; $thumb_ratio = $thumb_height / $thumb_width; $slideshow_filmstrip_height = round($thumb_ratio * $slideshow_filmstrip_width); } } // Slideshow filmstrip type is Fix count. else if ( $slideshow_filmstrip_type && $slideshow_filmstrip_type == 2 ) { if ( $filmstrip_direction == 'horizontal' ) { $thumb_ratio = $thumb_height / $thumb_width; $slideshow_filmstrip_block_width = $image_width - 40; $slideshow_filmstrip_block_height = round($thumb_ratio * $slideshow_filmstrip_block_width); $slideshow_filmstrip_width = ($slideshow_filmstrip_block_width - ($filmstrip_thumb_margin_hor * $params['slideshow_thumbnails_count']) ) / $params['slideshow_thumbnails_count']; $slideshow_filmstrip_height = round($thumb_ratio * $slideshow_filmstrip_width); } else { $thumb_ratio = $thumb_width / $thumb_height; $slideshow_filmstrip_block_height = $image_height - 40; $slideshow_filmstrip_block_width = round($thumb_ratio * $slideshow_filmstrip_block_height); $slideshow_filmstrip_height = ($slideshow_filmstrip_block_height - ($filmstrip_thumb_margin_hor * $params['slideshow_thumbnails_count']) ) / $params['slideshow_thumbnails_count']; $slideshow_filmstrip_width = round($thumb_ratio * $slideshow_filmstrip_height); } } $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'; } $inline_style = $this->inline_styles($bwg, $theme_row, $params, $image_width, $image_height, $filmstrip_direction, $slideshow_filmstrip_height, BWG()->options, $left_or_top, $width_or_height, $filmstrip_thumb_margin_hor, $slideshow_filmstrip_width, $image_rows, $watermark_position, $slideshow_title_position, $slideshow_description_position, $watermark_height, $watermark_width, $watermark_opacity, $watermark_font_size, $watermark_font, $watermark_color, $slideshow_filmstrip_type); if ( !WDWLibrary::elementor_is_active() ) { if ( BWG()->options->use_inline_stiles_and_scripts ) { wp_add_inline_style('bwg_frontend', $inline_style); if ( !wp_script_is('bwg_embed', 'done') ) { wp_print_scripts('bwg_embed'); } if ( !wp_script_is('bwg_mobile', 'done') ) { wp_print_scripts('bwg_mobile'); } } else { echo wp_kses('<style id="bwg-style-' . esc_attr($bwg) . '">' . $inline_style . '</style>', array('style' => array('id' => true))); } } else { echo wp_kses('<style id="bwg-style-' . esc_attr($bwg) . '">' . $inline_style . '</style>', array('style' => array('id' => true))); } $data = array(); $data[$bwg] = array(); foreach ( $image_rows as $key => $image_row ) { if ( $image_row->id == $current_image_id ) { $current_image_alt = $image_row->alt; $current_image_description = str_replace(array("\r\n", "\n", "\r"), esc_html('<br />'), $image_row->description); } $data[$bwg][$key]["id"] = $image_row->id; $data[$bwg][$key]["alt"] = htmlspecialchars(str_replace(array( "\r\n", "\n", "\r" ), esc_html('<br />'), esc_html($image_row->alt)), ENT_COMPAT | ENT_QUOTES); $data[$bwg][$key]["description"] = htmlspecialchars(str_replace(array("\r\n", "\n", "\r"), esc_html('<br />'), esc_html($image_row->description)), ENT_QUOTES); $data[$bwg][$key]["filetype"] = $image_row->filetype; $data[$bwg][$key]["filename"] = htmlspecialchars(str_replace(array( "\r\n", "\n", "\r" ), esc_html('<br />'), esc_html($image_row->filename)), ENT_COMPAT | ENT_QUOTES); $data[$bwg][$key]["image_url"] = htmlspecialchars($image_row->image_url, ENT_COMPAT | ENT_QUOTES); $data[$bwg][$key]["thumb_url"] = htmlspecialchars($image_row->thumb_url, ENT_COMPAT | ENT_QUOTES); $data[$bwg][$key]["redirect_url"] = htmlspecialchars($image_row->redirect_url, ENT_COMPAT | ENT_QUOTES); $data[$bwg][$key]["date"] = $image_row->date; $data[$bwg][$key]["is_embed"] = (preg_match('/EMBED/', $image_row->filetype) == 1 ? TRUE : FALSE); $data[$bwg][$key]["is_embed_video"] = (((preg_match('/EMBED/', $image_row->filetype) == 1) && (preg_match('/_VIDEO/', $image_row->filetype) == 1)) ? TRUE : FALSE); if ( !empty($image_row->resolution) ) { $resolution = explode(' ', $image_row->resolution); if ( !empty($resolution[0]) ) { $data[$bwg][$key]["image_width"] = trim($resolution[0]); } if ( !empty($resolution[2]) ) { $data[$bwg][$key]["image_height"] = trim($resolution[2]); } } if ( !empty($image_row->resolution_thumb) ) { $resolution_thumb = explode('x', $image_row->resolution_thumb); if ( !empty($resolution_thumb[0]) ) { $data[$bwg][$key]["thumb_width"] = trim($resolution_thumb[0]); } if ( !empty($resolution_thumb[1]) ) { $data[$bwg][$key]["thumb_height"] = trim($resolution_thumb[1]); } } } ob_start(); $trans_dur = ((floatval($params['slideshow_interval'] ) < 4) && (floatval($params['slideshow_interval']) != 0)) ? (floatval($params['slideshow_interval']) * 1000) / 4 : (floatval($params['slideshow_effect_duration']) * 1000); $bwg_param = array( 'bwg_source' => 'slider', 'bwg_current_key' => isset($current_key) ? $current_key : '', 'bwg_transition_duration' => $trans_dur, 'bwg_trans_in_progress' => FALSE, 'data' => $data[$bwg], 'width_or_height' => $width_or_height, 'filmstrip_thumb_margin_hor' => $filmstrip_thumb_margin_hor, 'left_or_top' => $left_or_top, 'outerWidth_or_outerHeight' => $outerWidth_or_outerHeight, 'enable_slideshow_shuffle' => $enable_slideshow_shuffle, 'lightbox_filmstrip_thumb_border_width' => $theme_row->lightbox_filmstrip_thumb_border_width, 'thumb_click_action' => $params['thumb_click_action'], 'thumb_link_target' => $params['thumb_link_target'], 'upload_url' => BWG()->upload_url, 'preload_images' => BWG()->options->preload_images, 'slideshow_effect' => $slideshow_effect, 'event_stack' => '', 'preload_images_count' => (int) BWG()->options->preload_images_count, 'image_width' => $image_width, 'image_height' => $image_height, 'thumb_width' => $thumb_width, 'thumb_height' => $thumb_height, 'filmstrip_direction' => $filmstrip_direction, 'slideshow_filmstrip_type' => $slideshow_filmstrip_type, 'slideshow_thumbnails_count' => $slideshow_thumbnails_count, 'slideshow_filmstrip_width' => $slideshow_filmstrip_width, 'slideshow_filmstrip_height' => $slideshow_filmstrip_height, 'slideshow_filmstrip_rl_btn_size' => $theme_row->slideshow_filmstrip_rl_btn_size, 'slideshow_play_pause_btn_size' => $theme_row->slideshow_play_pause_btn_size, 'watermark_type' => $params['watermark_width'], 'watermark_height' => $watermark_height, 'watermark_font_size' => $watermark_font_size, 'slideshow_title_font_size' => $theme_row->slideshow_title_font_size, 'slideshow_description_font_size' => $theme_row->slideshow_description_font_size, 'bwg_playInterval' => '', 'slideshow_interval' => $params['slideshow_interval'], 'image_right_click' => BWG()->options->image_right_click, 'enable_slideshow_autoplay' => $enable_slideshow_autoplay, 'enable_slideshow_music' => $enable_slideshow_music, ); ?> <div class="bwg_slideshow_image_wrap_<?php echo esc_attr($bwg); ?> bwg-slideshow-images-wrapper bwg-container" data-bwg="<?php echo esc_attr($bwg); ?>" data-lightbox-url="<?php echo esc_url(addslashes(add_query_arg($params['params_array'], admin_url('admin-ajax.php')))); ?>"> <?php $current_pos = 0; // Slideshow filmstrip type is Fix dimension or Fix count. if ( $slideshow_filmstrip_type == 1 || $slideshow_filmstrip_type == 2 ) { $filmstrip_class_name = 'bwg_slideshow_filmstrip_' . esc_attr($bwg) . ' bwg_slideshow_filmstrip'; if ( $slideshow_filmstrip_type == 2 ) { $filmstrip_class_name = 'bwg_slideshow_filmstrip_fix_count_' . esc_attr($bwg) . ' bwg_slideshow_filmstrip_fix_count'; } ?> <div class="bwg_slideshow_filmstrip_container_<?php echo esc_attr($bwg); ?>"> <div class="bwg_slideshow_filmstrip_left_<?php echo esc_attr($bwg); ?>"> <i class="<?php echo($filmstrip_direction == 'horizontal' ? 'bwg-icon-angle-left' : 'bwg-icon-angle-up'); ?>"></i> </div> <div class="bwg_slideshow_filmstrip_left_disabled_<?php echo esc_attr($bwg); ?>"> <i class="<?php echo($filmstrip_direction == 'horizontal' ? 'bwg-icon-angle-left' : 'bwg-icon-angle-up'); ?>"></i> </div> <div class="<?php echo esc_html($filmstrip_class_name); ?>"> <div class="bwg_slideshow_filmstrip_thumbnails_<?php echo esc_attr($bwg); ?>"> <?php foreach ( $image_rows as $key => $image_row ) { if ( $image_row->id == $current_image_id ) { $current_pos = $key * (($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_width : $slideshow_filmstrip_height) + $filmstrip_thumb_margin_hor); $current_key = $key; } $is_embed = preg_match('/EMBED/', $image_row->filetype) == 1 ? TRUE : FALSE; $is_embed_video = ($is_embed && preg_match('/_VIDEO/', $image_row->filetype) == 1) ? TRUE : FALSE; $is_embed_instagram = preg_match('/EMBED_OEMBED_INSTAGRAM/', $image_row->filetype) == 1 ? TRUE : FALSE; $bwg_thumb_url = ($is_embed ? '' : BWG()->upload_url) . $image_row->thumb_url; if ( $play_pause_button_display === 'undefined' ) { if ( $is_embed_video ) { $play_pause_button_display = 'none'; } else { $play_pause_button_display = ''; } } if ( !$is_embed ) { $thumb_path_url = htmlspecialchars_decode(BWG()->upload_dir . $image_row->thumb_url, ENT_COMPAT | ENT_QUOTES); $thumb_path_url = explode('?bwg', $thumb_path_url); list($image_thumb_width, $image_thumb_height) = getimagesize($thumb_path_url[0]); } else { if ( $image_row->resolution != '' ) { if ( !$is_embed_instagram ) { $resolution_arr = explode(" ", $image_row->resolution); $resolution_w = intval($resolution_arr[0]); $resolution_h = intval($resolution_arr[2]); if ( $resolution_w != 0 && $resolution_h != 0 ) { $scale = max($slideshow_filmstrip_width / $resolution_w, $slideshow_filmstrip_height / $resolution_h); $image_thumb_width = $resolution_w * $scale; $image_thumb_height = $resolution_h * $scale; } else { $image_thumb_width = $slideshow_filmstrip_width; $image_thumb_height = $slideshow_filmstrip_height; } } else { // this will be ok while instagram thumbnails width and height are the same $image_thumb_width = min($slideshow_filmstrip_width, $slideshow_filmstrip_height); $image_thumb_height = $image_thumb_width; } } else { $image_thumb_width = $slideshow_filmstrip_width; $image_thumb_height = $slideshow_filmstrip_height; } } if ( is_null($image_thumb_width) || is_null($image_thumb_height) ) { $res = explode('x', $image_row->resolution_thumb); if ( !empty($res) && isset($res[1]) ) { $image_thumb_width = $res[0]; $image_thumb_height = $res[1]; } } $scale = 1; if ( !is_null($image_thumb_width) && !is_null($image_thumb_height) ) { $scale = max($slideshow_filmstrip_width / $image_thumb_width, $slideshow_filmstrip_height / $image_thumb_height); } $image_thumb_width *= $scale; $image_thumb_height *= $scale; $thumb_left = ($slideshow_filmstrip_width - $image_thumb_width) / 2; $thumb_top = ($slideshow_filmstrip_height - $image_thumb_height) / 2; ?> <div id="bwg_filmstrip_thumbnail_<?php echo esc_attr($key.'_'.$bwg); ?>" class="bwg_slideshow_filmstrip_thumbnail_<?php echo esc_attr($bwg); ?> <?php echo(($image_row->id == $current_image_id) ? 'bwg_slideshow_thumb_active_' . esc_attr($bwg) : 'bwg_slideshow_thumb_deactive_' . esc_attr($bwg)); ?>" data-style="width:<?php echo esc_html($slideshow_filmstrip_width); ?>px; height:<?php echo esc_html($slideshow_filmstrip_height); ?>px;"> <img class="bwg_filmstrip_thumbnail_img bwg_slideshow_filmstrip_thumbnail_img_<?php echo esc_attr($bwg); ?>" style="width:<?php echo esc_html($image_thumb_width); ?>px; height:<?php echo esc_html($image_thumb_height); ?>px; margin-left: <?php echo esc_html($thumb_left); ?>px; margin-top: <?php echo esc_html($thumb_top); ?>px;" data-style="width:<?php echo esc_html($image_thumb_width); ?>px; height:<?php echo esc_html($image_thumb_height); ?>px; margin-left: <?php echo esc_html($thumb_left); ?>px; margin-top: <?php echo esc_html($thumb_top); ?>px;" src="<?php echo esc_url($bwg_thumb_url); ?>" data-src="<?php echo esc_url($bwg_thumb_url); ?>" onclick="bwg_change_image(parseInt(jQuery('#bwg_current_image_key_<?php echo esc_attr($bwg); ?>').val()), '<?php echo esc_attr($key); ?>', '', '', '<?php echo esc_attr($bwg); ?>')" image_id="<?php echo esc_attr($image_row->id); ?>" image_key="<?php echo esc_attr($key); ?>" alt="<?php echo esc_attr($image_row->alt); ?>" title="<?php echo esc_attr($image_row->alt); ?>" /> </div> <?php } ?> </div> </div> <div class="bwg_slideshow_filmstrip_right_<?php echo esc_attr($bwg); ?>"> <i class="<?php echo($filmstrip_direction == 'horizontal' ? 'bwg-icon-angle-right' : 'bwg-icon-angle-down'); ?>"></i> </div> <div class="bwg_slideshow_filmstrip_right_disabled_<?php echo esc_attr($bwg); ?>"> <i class="<?php echo($filmstrip_direction == 'horizontal' ? 'bwg-icon-angle-right' : 'bwg-icon-angle-down'); ?>"></i> </div> </div> <?php } else { ?> <div class="bwg_slideshow_dots_container_<?php echo esc_attr($bwg); ?>"> <div class="bwg_slideshow_dots_thumbnails_<?php echo esc_attr($bwg); ?>"> <?php foreach ( $image_rows as $key => $image_row ) { if ( $image_row->id == $current_image_id ) { $current_pos = $key * ($slideshow_filmstrip_width + 2); $current_key = $key; } ?> <span id="bwg_dots_<?php echo esc_attr($key.'_'.$bwg); ?>" class="bwg_slideshow_dots_<?php echo esc_attr($bwg); ?> <?php echo(($image_row->id == $current_image_id) ? 'bwg_slideshow_dots_active_' . esc_attr($bwg) : 'bwg_slideshow_dots_deactive_' . esc_attr($bwg)); ?>" onclick="bwg_change_image(parseInt(jQuery('#bwg_current_image_key_<?php echo esc_attr($bwg); ?>').val()), '<?php echo esc_attr($key); ?>', '', '', <?php echo esc_attr($bwg); ?>)" image_id="<?php echo esc_attr($image_row->id); ?>" image_key="<?php echo esc_attr($key); ?>"></span> <?php } ?> </div> </div> <?php } $bwg_param['bwg_current_filmstrip_pos'] = $current_pos; $bwg_params = json_encode($bwg_param); ?> <div id="bwg_slideshow_image_container_<?php echo esc_attr($bwg); ?>" class="bwg_slideshow_image_container_<?php echo esc_attr($bwg); ?>" data-params='<?php echo esc_attr($bwg_params); ?>' data-filmstrip-position="<?php echo esc_attr($theme_row->slideshow_filmstrip_pos); ?>" data-filmstrip-size="<?php echo esc_attr($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : $slideshow_filmstrip_width); ?>"> <div class="bwg_slide_container_<?php echo esc_attr($bwg); ?>"> <div class="bwg_slide_bg_<?php echo esc_attr($bwg); ?>"> <div class="bwg_slider_<?php echo esc_attr($bwg); ?>"> <?php foreach ( $image_rows as $key => $image_row ) { $is_embed = preg_match('/EMBED/', $image_row->filetype) == 1 ? TRUE : FALSE; $is_embed_instagram_post = preg_match('/INSTAGRAM_POST/', $image_row->filetype) == 1 ? TRUE : FALSE; $is_embed_instagram_video = preg_match('/INSTAGRAM_VIDEO/', $image_row->filetype) == 1 ? TRUE : FALSE; if ( $image_row->id == $current_image_id ) { $current_key = $key; ?> <span class="bwg_slideshow_image_spun_<?php echo esc_attr($bwg); ?>" id="image_id_<?php echo esc_attr($bwg.'_'.$image_row->id); ?>"> <span class="bwg_slideshow_image_spun1_<?php echo esc_attr($bwg); ?>"> <span class="bwg_slideshow_image_spun2_<?php echo esc_attr($bwg); ?>"> <?php if ( !$is_embed ) { ?> <a <?php echo (esc_html($params['thumb_click_action']) == 'open_lightbox' ? (' class="bwg-a bwg_lightbox"' . (BWG()->options->enable_seo ? ' href="' . esc_url($is_embed ? $image_row->thumb_url : BWG()->upload_url . $image_row->image_url) . '"' : '') . ' data-image-id="' . esc_attr($image_row->id) . '" data-elementor-open-lightbox="no"') : ('class="bwg-a" ' . ($params['thumb_click_action'] == 'redirect_to_url' && $image_row->redirect_url ? 'href="' . esc_url($image_row->redirect_url) . '" target="' . ($params['thumb_link_target'] ? '_blank' : '') . '"' : ''))); ?>> <img id="bwg_slideshow_image_<?php echo esc_attr($bwg); ?>" class="skip-lazy bwg_slide bwg_slideshow_image_<?php echo esc_attr($bwg); ?> <?php if( $lazyload ) { ?> bwg_lazyload <?php } ?>" src="<?php if( !$lazyload ) { echo esc_url(BWG()->upload_url . $image_row->image_url); } else { echo esc_url(BWG()->plugin_url."/images/lazy_placeholder.gif"); } ?>" data-src="<?php echo esc_url(BWG()->upload_url . $image_row->image_url); ?>" image_id="<?php echo esc_attr($image_row->id); ?>" alt="<?php echo esc_attr($image_row->alt); ?>" /> </a> <?php } else { /*$is_embed*/ ?> <span id="bwg_slideshow_image_<?php echo esc_attr($bwg); ?>" class="bwg_slideshow_embed_<?php echo esc_attr($bwg); ?>" image_id="<?php echo esc_attr($image_row->id); ?>"> <?php echo $is_embed_instagram_video ? '<span class="bwg_inst_play_btn_cont" onclick="bwg_play_instagram_video(this)" ><span class="bwg_inst_play"></span></span>' : ''; if ( $is_embed_instagram_post ) { $srcWidth = 640; $srcHeight = 640; /* HoverCard, Feedback, SocialProof height from Instagram */ $feedback_social_proof_height = 109; $maxWidth = $image_width - ($filmstrip_direction == 'vertical' ? $slideshow_filmstrip_width : 0); $maxHeight = $image_height - ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : 0); if ( !empty($image_row->resolution) ) { $image_resolution = explode(' x ', $image_row->resolution); if ( is_array($image_resolution) ) { $srcWidth = $image_resolution[0]; $srcHeight = explode(' ', $image_resolution[1]); $srcHeight = $srcHeight[0]; } } $instagram_resizing = WDWLibrary::bwg_resizing_ratio( $srcWidth, $srcHeight, $maxWidth, $maxHeight ); $instagram_width = $instagram_resizing['width']; $instagram_height = $instagram_resizing['height']; if ( $instagram_height > $instagram_width ) { $instagram_width = $instagram_width - $feedback_social_proof_height; } else { $instagram_width = $instagram_width + $feedback_social_proof_height; } WDWLibraryEmbed::display_embed($image_row->filetype, $image_row->image_url, $image_row->filename, array( 'class' => 'bwg_embed_frame_' . $bwg, 'data-width' => $maxWidth, 'data-height' => $maxHeight, 'data-instagram-width' => $srcWidth, 'data-instagram-height' => $srcHeight, 'style' => 'width:' . $instagram_width . 'px; height:' . $instagram_height . 'px; vertical-align:middle; display:inline-block; position:relative;' )); } else { WDWLibraryEmbed::display_embed($image_row->filetype, $image_row->image_url, $image_row->filename, array( 'class' => "bwg_embed_frame_" . $bwg, 'frameborder' => "0", 'allowfullscreen' => "allowfullscreen", 'style' => "width:inherit; height:inherit; vertical-align:middle; display:table-cell;" )); } ?> </span> <?php } ?> </span> </span> </span> <span class="bwg_slideshow_image_second_spun_<?php echo esc_attr($bwg); ?>"> </span> <input type="hidden" id="bwg_current_image_key_<?php echo esc_attr($bwg); ?>" value="<?php echo esc_attr($key); ?>" /> <?php break; } else { ?> <span class="bwg_slideshow_image_second_spun_<?php echo esc_attr($bwg); ?>" id="image_id_<?php echo esc_attr($bwg.'_'.$image_row->id); ?>"> <span class="bwg_slideshow_image_spun1_<?php echo esc_attr($bwg); ?>"> <span class="bwg_slideshow_image_spun2_<?php echo esc_attr($bwg); ?>"> <?php if ( !$is_embed ) { ?> <a <?php echo (esc_html($params['thumb_click_action']) == 'open_lightbox' ? (' class="bwg-a bwg_lightbox_' . esc_attr($bwg) . '"' . (BWG()->options->enable_seo ? ' href="' . esc_url($is_embed ? $image_row->thumb_url : BWG()->upload_url . $image_row->image_url) . '"' : '') . ' data-image-id="' . esc_attr($image_row->id) . '"') : ('class="bwg-a" ' . ($params['thumb_click_action'] == 'redirect_to_url' && $image_row->redirect_url ? 'href="' . esc_url($image_row->redirect_url) . '" target="' . ($params['thumb_link_target'] ? '_blank' : '') . '"' : ''))) ?>> <img id="bwg_slideshow_image_<?php echo esc_attr($bwg); ?>" class="skip-lazy bwg_slide bwg_slideshow_image_<?php echo esc_attr($bwg); ?> <?php if( $lazyload ) { ?> bwg_lazyload lazy_loader <?php } ?>" src="<?php if( !$lazyload ) { echo esc_url(BWG()->upload_url . $image_row->image_url); } else { echo esc_url(BWG()->plugin_url."/images/lazy_placeholder.gif"); } ?>" data-src="<?php echo esc_url(BWG()->upload_url . $image_row->image_url); ?>" image_id="<?php echo esc_attr($image_row->id); ?>" alt="<?php echo esc_attr($image_row->alt); ?>" /> </a> <?php } else { /*$is_embed*/ ?> <span class="bwg_slideshow_embed_<?php echo esc_attr($bwg); ?>"> <?php if ( $is_embed_instagram_post ) { $srcWidth = 640; $srcHeight = 640; /* HoverCard, Feedback, SocialProof height from Instagram */ $feedback_social_proof_height = 109; $maxWidth = $image_width - ($filmstrip_direction == 'vertical' ? $slideshow_filmstrip_width : 0); $maxHeight = $image_height - ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : 0); if ( !empty($image_row->resolution) ) { $image_resolution = explode(' x ', $image_row->resolution); if ( is_array($image_resolution) ) { $srcWidth = $image_resolution[0]; $srcHeight = explode(' ', $image_resolution[1]); $srcHeight = $srcHeight[0]; } } $instagram_resizing = WDWLibrary::bwg_resizing_ratio( $srcWidth, $srcHeight, $maxWidth, $maxHeight ); $instagram_width = $instagram_resizing['width']; $instagram_height = $instagram_resizing['height']; if ( $instagram_height > $instagram_width ) { $instagram_width = $instagram_width - $feedback_social_proof_height; } else { $instagram_width = $instagram_width + $feedback_social_proof_height; } WDWLibraryEmbed::display_embed($image_row->filetype, $image_row->image_url, $image_row->filename, array( 'class' => 'bwg_embed_frame_' . $bwg, 'data-width' => $maxWidth, 'data-height' => $maxHeight, 'data-src-width' => $srcWidth, 'data-src-height' => $srcHeight, 'style' => 'width:' . $instagram_width . 'px; height:' . $instagram_height . 'px; vertical-align:middle; display:inline-block; position:relative;' )); } else { WDWLibraryEmbed::display_embed($image_row->filetype, $image_row->image_url, $image_row->filename, array( 'class' => 'bwg_embed_frame_' . $bwg, 'frameborder' => '0', 'allowfullscreen' => 'allowfullscreen', 'style' => 'width:inherit; height:inherit; vertical-align:middle; display:table-cell;' )); } ?> </span> <?php } ?> </span> </span> </span> <?php } } ?> </div> </div> </div> <?php if ( $enable_slideshow_ctrl ) { ?> <a class="bwg-a" id="spider_slideshow_left_<?php echo esc_attr($bwg); ?>" onclick="bwg_change_image(parseInt(jQuery('#bwg_current_image_key_<?php echo esc_attr($bwg); ?>').val()), (parseInt(jQuery('#bwg_current_image_key_<?php echo esc_attr($bwg); ?>').val()) + <?php echo count($data[$bwg]); ?> - bwg_iterator(<?php echo esc_attr($bwg); ?>)) % <?php echo count($data[$bwg]); ?>, '', '', <?php echo esc_attr($bwg); ?>); return false;"><span id="spider_slideshow_left-ico_<?php echo esc_attr($bwg); ?>"><span><i class="<?php echo esc_attr($theme_row->slideshow_rl_btn_style); ?>-left bwg_slideshow_prev_btn_<?php echo esc_attr($bwg); ?>"></i></span></span></a> <span id="bwg_slideshow_play_pause_<?php echo esc_attr($bwg); ?>" class="bwg_slideshow_play_pause" style="display: <?php echo esc_html($play_pause_button_display); ?>;"><span><span id="bwg_slideshow_play_pause-ico_<?php echo esc_attr($bwg); ?>"><i class="bwg-icon-play bwg_ctrl_btn_<?php echo esc_attr($bwg); ?> bwg_slideshow_play_pause_<?php echo esc_attr($bwg); ?>"></i></span></span></span> <a class="bwg-a" id="spider_slideshow_right_<?php echo esc_attr($bwg); ?>" onclick="bwg_change_image(parseInt(jQuery('#bwg_current_image_key_<?php echo esc_attr($bwg); ?>').val()), (parseInt(jQuery('#bwg_current_image_key_<?php echo esc_attr($bwg); ?>').val()) + bwg_iterator(<?php echo esc_attr($bwg); ?>)) % <?php echo count($data[$bwg]); ?>, '', '', <?php echo esc_attr($bwg); ?>); return false;"><span id="spider_slideshow_right-ico_<?php echo esc_attr($bwg); ?>"><span><i class="<?php echo esc_attr($theme_row->slideshow_rl_btn_style); ?>-right bwg_slideshow_next_btn_<?php echo esc_attr($bwg); ?>"></i></span></span></a> <?php } ?> </div> <?php if ( $params['watermark_type'] != 'none' ) { ?> <div class="bwg_slideshow_image_container_<?php echo esc_attr($bwg); ?> bwg_slideshow_image_container" data-params="<?php echo esc_attr($bwg_params); ?>"> <div class="bwg_slideshow_watermark_container_<?php echo esc_attr($bwg); ?>"> <div> <span class="bwg_slideshow_watermark_spun_<?php echo esc_attr($bwg); ?>" id="bwg_slideshow_watermark_container_<?php echo esc_attr($bwg); ?>"> <?php if ( $params['watermark_type'] == 'image' ) { ?> <a class="bwg-a" href="<?php echo urldecode($watermark_link); ?>" target="_blank"> <img class="bwg_slideshow_watermark_image_<?php echo esc_attr($bwg); ?> bwg_slideshow_watermark_<?php echo esc_attr($bwg); ?>" src="<?php echo urldecode($watermark_url); ?>" /> </a> <?php } elseif ( $params['watermark_type'] == 'text' ) { ?> <a class="bwg_none_selectable_<?php echo esc_attr($bwg); ?> bwg_slideshow_watermark_text_<?php echo esc_attr($bwg); ?> bwg_slideshow_watermark_<?php echo esc_attr($bwg); ?>" target="_blank" href="<?php echo urldecode($watermark_link); ?>"><?php echo esc_html($params['watermark_text']); ?></a> <?php } ?> </span> </div> </div> </div> <?php } if ( $enable_image_title ) { ?> <div class="bwg_slideshow_image_container_<?php echo esc_attr($bwg); ?> bwg_slideshow_image_container" data-params="<?php echo esc_attr($bwg_params); ?>"> <div class="bwg_slideshow_watermark_container_<?php echo esc_attr($bwg); ?>"> <div> <span class="bwg_slideshow_title_spun_<?php echo esc_attr($bwg); ?>"> <div class="bwg_slideshow_title_text_<?php echo esc_attr($bwg); ?> <?php if ( !$current_image_alt ) { echo 'bwg-hidden'; } ?>"> <?php echo html_entity_decode($current_image_alt); ?> </div> </span> </div> </div> </div> <?php } if ( $enable_image_description && isset($current_image_description) ) { ?> <div class="bwg_slideshow_image_container_<?php echo esc_attr($bwg); ?> bwg_slideshow_image_container" data-params="<?php echo esc_attr($bwg_params); ?>"> <div class="bwg_slideshow_watermark_container_<?php echo esc_attr($bwg); ?>"> <div> <span class="bwg_slideshow_description_spun_<?php echo esc_attr($bwg); ?>"> <div class="bwg_slideshow_description_text_<?php echo esc_attr($bwg); ?> <?php if ( !$current_image_description ) { echo 'bwg-hidden'; } ?>"> <?php echo html_entity_decode(str_replace("\r\n", esc_html('<br />'), $current_image_description)); ?> </div> </span> </div> </div> </div> <?php } if ( $enable_slideshow_music ) { ?> <audio id="bwg_audio_<?php echo esc_attr($bwg); ?>" src="<?php echo esc_url($slideshow_music_url) ?>" loop volume="1.0"></audio> <?php } ?> </div> <?php $content = ob_get_clean(); } if ( $ajax ) { /* Ajax response after ajax call for filters and pagination.*/ parent::ajax_content($params, $bwg, $content); } else { parent::container($params, $bwg, $content); } } public function inline_styles($bwg, $theme_row, $params, $image_width, $image_height, $filmstrip_direction, $slideshow_filmstrip_height, $options, $left_or_top, $width_or_height, $filmstrip_thumb_margin_hor, $slideshow_filmstrip_width, $image_rows, $watermark_position, $slideshow_title_position, $slideshow_description_position, $watermark_height, $watermark_width, $watermark_opacity, $watermark_font_size, $watermark_font, $watermark_color, $slideshow_filmstrip_type) { ob_start(); ?> #bwg_container1_<?php echo esc_attr($bwg); ?> { display: table; /*visibility: hidden;*/ } #bwg_container1_<?php echo esc_attr($bwg); ?> * { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_image_wrap_<?php echo esc_attr($bwg); ?> { background-color: #<?php echo esc_html($theme_row->slideshow_cont_bg_color); ?>; width: <?php echo esc_html($image_width); ?>px; height: <?php echo esc_html($image_height); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_image_<?php echo esc_attr($bwg); ?> { max-width: <?php echo esc_html(floatval($image_width) - ($filmstrip_direction == 'vertical' ? floatval($slideshow_filmstrip_width) : 0)); ?>px; max-height: <?php echo esc_html(floatval($image_height) - ($filmstrip_direction == 'horizontal' ? floatval($slideshow_filmstrip_height) : 0)); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_embed_<?php echo esc_attr($bwg); ?> { width: <?php echo esc_html(floatval($image_width) - ($filmstrip_direction == 'vertical' ? floatval($slideshow_filmstrip_width) : 0)); ?>px; height: <?php echo esc_html(floatval($image_height) - ($filmstrip_direction == 'horizontal' ? floatval($slideshow_filmstrip_height) : 0)); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #bwg_slideshow_play_pause_<?php echo esc_attr($bwg); ?> { background: transparent url("<?php echo esc_url(BWG()->plugin_url . '/images/blank.gif'); ?>") repeat scroll 0 0; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #bwg_slideshow_play_pause-ico_<?php echo esc_attr($bwg); ?> { color: #<?php echo esc_html($theme_row->slideshow_rl_btn_color); ?>; font-size: <?php echo esc_html($theme_row->slideshow_play_pause_btn_size); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #bwg_slideshow_play_pause-ico_<?php echo esc_attr($bwg); ?>:hover { color: #<?php echo esc_html($theme_row->slideshow_close_rl_btn_hover_color); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #spider_slideshow_left_<?php echo esc_attr($bwg); ?>, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #spider_slideshow_right_<?php echo esc_attr($bwg); ?> { background: transparent url("<?php echo esc_url(BWG()->plugin_url . '/images/blank.gif'); ?>") repeat scroll 0 0; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #spider_slideshow_left-ico_<?php echo esc_attr($bwg); ?>, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #spider_slideshow_right-ico_<?php echo esc_attr($bwg); ?> { background-color: #<?php echo esc_html($theme_row->slideshow_rl_btn_bg_color); ?>; border-radius: <?php echo esc_html($theme_row->slideshow_rl_btn_border_radius); ?>; border: <?php echo esc_html($theme_row->slideshow_rl_btn_border_width); ?>px <?php echo esc_html($theme_row->slideshow_rl_btn_border_style); ?> #<?php echo esc_html($theme_row->slideshow_rl_btn_border_color); ?>; box-shadow: <?php echo esc_html($theme_row->slideshow_rl_btn_box_shadow); ?>; color: #<?php echo esc_html($theme_row->slideshow_rl_btn_color); ?>; height: <?php echo esc_html($theme_row->slideshow_rl_btn_height); ?>px; font-size: <?php echo esc_html($theme_row->slideshow_rl_btn_size); ?>px; width: <?php echo esc_html($theme_row->slideshow_rl_btn_width); ?>px; opacity: <?php echo number_format(floatval($theme_row->slideshow_close_btn_transparent) / 100, 2, ".", ""); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #spider_slideshow_left-ico_<?php echo esc_attr($bwg); ?>:hover, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> #spider_slideshow_right-ico_<?php echo esc_attr($bwg); ?>:hover { color: #<?php echo esc_html($theme_row->slideshow_close_rl_btn_hover_color); ?>; } <?php if ( $params['autohide_slideshow_navigation'] ) { ?> #spider_slideshow_left-ico_<?php echo esc_attr($bwg); ?>{ left: -9999px; } #spider_slideshow_right-ico_<?php echo esc_attr($bwg); ?>{ left: -9999px; } <?php } else { ?> #spider_slideshow_left-ico_<?php echo esc_attr($bwg); ?>{ left: 20px; } #spider_slideshow_right-ico_<?php echo esc_attr($bwg); ?>{ left: auto; right: 20px; } <?php } ?> #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_image_container_<?php echo esc_attr($bwg); ?> { <?php echo esc_html($theme_row->slideshow_filmstrip_pos); ?>: <?php echo esc_html(($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : $slideshow_filmstrip_width)); ?>px; width: <?php echo esc_html($image_width); ?>px; height: <?php echo esc_html($image_height); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_container_<?php echo esc_attr($bwg); ?> { display: <?php echo esc_html(($filmstrip_direction == 'horizontal'? 'table' : 'block')); ?>; height: <?php echo esc_html(($filmstrip_direction == 'horizontal'? $slideshow_filmstrip_height : $image_height)); ?>px; width: <?php echo esc_html(($filmstrip_direction == 'horizontal' ? $image_width : $slideshow_filmstrip_width)); ?>px; <?php echo esc_html($theme_row->slideshow_filmstrip_pos); ?>: 0; } /* Filmstrip dimension */ #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_<?php echo esc_attr($bwg); ?> { <?php echo esc_html($left_or_top); ?>: 20px; <?php echo esc_html($width_or_height); ?>: <?php echo esc_html(($filmstrip_direction == 'horizontal' ? floatval($image_width) - 40 : floatval($image_height) - 40)); ?>px; /*z-index: 10106;*/ } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_thumbnails_<?php echo esc_attr($bwg); ?> { <?php echo esc_html($left_or_top); ?>: 0px; width: <?php echo esc_html(($filmstrip_direction == 'horizontal' ? (floatval($slideshow_filmstrip_width) + floatval($filmstrip_thumb_margin_hor)) * count($image_rows) : floatval($slideshow_filmstrip_width))); ?>px; height: <?php echo esc_html(($filmstrip_direction == 'horizontal' ? floatval($slideshow_filmstrip_height) : (floatval($slideshow_filmstrip_height) + floatval($filmstrip_thumb_margin_hor)) * count($image_rows))); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_thumbnail_<?php echo esc_attr($bwg); ?> { width: <?php echo esc_html($slideshow_filmstrip_width); ?>px; height: <?php echo esc_html($slideshow_filmstrip_height); ?>px; margin: <?php echo esc_html($theme_row->slideshow_filmstrip_thumb_margin); ?>; border: <?php echo esc_html($theme_row->slideshow_filmstrip_thumb_border_width); ?>px <?php echo esc_html($theme_row->slideshow_filmstrip_thumb_border_style); ?> #<?php echo esc_html($theme_row->slideshow_filmstrip_thumb_border_color); ?>; border-radius: <?php echo esc_html($theme_row->slideshow_filmstrip_thumb_border_radius); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_thumb_active_<?php echo esc_attr($bwg); ?> { border: <?php echo esc_html($theme_row->slideshow_filmstrip_thumb_active_border_width); ?>px solid #<?php echo esc_html($theme_row->slideshow_filmstrip_thumb_active_border_color); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_thumb_deactive_<?php echo esc_attr($bwg); ?> { opacity: <?php echo number_format(floatval($theme_row->slideshow_filmstrip_thumb_deactive_transparent) / 100, 2, ".", ""); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_left_<?php echo esc_attr($bwg); ?>, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_left_disabled_<?php echo esc_attr($bwg); ?> { background-color: #<?php echo esc_html($theme_row->slideshow_filmstrip_rl_bg_color); ?>; display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>; <?php echo esc_html($width_or_height); ?>: 20px; <?php echo esc_html($left_or_top); ?>: 0; <?php echo ($filmstrip_direction == 'horizontal' ? '' : 'position: absolute;') ?> <?php echo ($filmstrip_direction == 'horizontal' ? '' : 'width: 100%;') ?> } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_right_<?php echo esc_attr($bwg); ?>, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_right_disabled_<?php echo esc_attr($bwg); ?> { background-color: #<?php echo esc_html($theme_row->slideshow_filmstrip_rl_bg_color); ?>; display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>; <?php echo($filmstrip_direction == 'horizontal' ? 'right' : 'bottom') ?>: 0; <?php echo esc_html($width_or_height); ?>: 20px; <?php echo ($filmstrip_direction == 'horizontal' ? '' : 'position: absolute;') ?> <?php echo ($filmstrip_direction == 'horizontal' ? '' : 'width: 100%;') ?> } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_left_<?php echo esc_attr($bwg); ?> i, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_right_<?php echo esc_attr($bwg); ?> i, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_left_disabled_<?php echo esc_attr($bwg); ?> i, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_right_disabled_<?php echo esc_attr($bwg); ?> i { color: #<?php echo esc_html($theme_row->slideshow_filmstrip_rl_btn_color); ?>; font-size: <?php echo esc_html($theme_row->slideshow_filmstrip_rl_btn_size); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_left_<?php echo esc_attr($bwg); ?> { display: none; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_left_disabled_<?php echo esc_attr($bwg); ?>, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_right_disabled_<?php echo esc_attr($bwg); ?> { display: none; opacity: 0.3; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_left_disabled_<?php echo esc_attr($bwg); ?> { display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>; } <?php /* Filmstrip fix count */ if ( !empty($slideshow_filmstrip_type) && $slideshow_filmstrip_type == 2 ) { ?> #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_fix_count_<?php echo esc_attr($bwg); ?> { <?php echo esc_html($left_or_top); ?>: 20px; <?php echo esc_html($width_or_height); ?>: <?php echo esc_html(($filmstrip_direction == 'horizontal' ? $image_width - 40 : $image_height - 40)); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_fix_count_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_thumbnails_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_thumbnail_<?php echo esc_attr($bwg); ?> { width: <?php echo esc_html($slideshow_filmstrip_width); ?>px; height: <?php echo esc_html($slideshow_filmstrip_height); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_fix_count_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_thumbnails_<?php echo esc_attr($bwg); ?> .bwg_slideshow_filmstrip_thumbnail_<?php echo esc_attr($bwg); ?> img { object-fit: cover; } <?php } ?> #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_watermark_spun_<?php echo esc_attr($bwg); ?> { text-align: <?php echo esc_html($watermark_position[1]); ?>; vertical-align: <?php echo esc_html($watermark_position[0]); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_title_spun_<?php echo esc_attr($bwg); ?> { text-align: <?php echo esc_html($slideshow_title_position[1]); ?>; vertical-align: <?php echo esc_html($slideshow_title_position[0]); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_description_spun_<?php echo esc_attr($bwg); ?> { text-align: <?php echo esc_html($slideshow_description_position[1]); ?>; vertical-align: <?php echo esc_html($slideshow_description_position[0]); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_watermark_image_<?php echo esc_attr($bwg); ?> { max-height: <?php echo esc_html($watermark_height); ?>px; max-width: <?php echo esc_html($watermark_width); ?>px; opacity: <?php echo number_format(floatval($watermark_opacity) / 100, 2, ".", ""); ?>; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_watermark_text_<?php echo esc_attr($bwg); ?>, #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_watermark_text_<?php echo esc_attr($bwg); ?>:hover { text-decoration: none; margin: 4px; position: relative; z-index: 15; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_title_text_<?php echo esc_attr($bwg); ?> { font-size: <?php echo esc_html($theme_row->slideshow_title_font_size); ?>px; font-family: <?php echo esc_html($theme_row->slideshow_title_font); ?>; color: #<?php echo esc_html($theme_row->slideshow_title_color); ?> !important; opacity: <?php echo number_format($theme_row->slideshow_title_opacity / 100, 2, ".", ""); ?>; border-radius: <?php echo esc_html($theme_row->slideshow_title_border_radius); ?>; background-color: #<?php echo esc_html($theme_row->slideshow_title_background_color); ?>; padding: <?php echo esc_html($theme_row->slideshow_title_padding); ?>; <?php if($params['slideshow_title_full_width']) { ?> width: 100%; <?php } else { ?> margin: 5px; <?php } ?> <?php if (!$slideshow_filmstrip_type && $slideshow_title_position[0] == $theme_row->slideshow_filmstrip_pos) echo esc_html($theme_row->slideshow_filmstrip_pos) . ':' . (floatval($theme_row->slideshow_dots_height) + 4) . 'px;'; ?> } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_description_text_<?php echo esc_attr($bwg); ?> { font-size: <?php echo esc_html($theme_row->slideshow_description_font_size); ?>px; font-family: <?php echo esc_html($theme_row->slideshow_description_font); ?>; color: #<?php echo esc_html($theme_row->slideshow_description_color); ?> !important; opacity: <?php echo number_format($theme_row->slideshow_description_opacity / 100, 2, ".", ""); ?>; border-radius: <?php echo esc_html($theme_row->slideshow_description_border_radius); ?>; background-color: #<?php echo esc_html($theme_row->slideshow_description_background_color); ?>; padding: <?php echo esc_html($theme_row->slideshow_description_padding); ?>; <?php if (!$slideshow_filmstrip_type && $slideshow_description_position[0] == $theme_row->slideshow_filmstrip_pos) echo esc_html($theme_row->slideshow_filmstrip_pos) . ':' . esc_html(($theme_row->slideshow_dots_height + 4)) . 'px;'; ?> } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_description_text_<?php echo esc_attr($bwg); ?> * { text-decoration: none; color: #<?php echo esc_html($theme_row->slideshow_description_color); ?> !important; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_dots_<?php echo esc_attr($bwg); ?> { width: <?php echo esc_html($theme_row->slideshow_dots_width); ?>px; height: <?php echo esc_html($theme_row->slideshow_dots_height); ?>px; border-radius: <?php echo esc_html($theme_row->slideshow_dots_border_radius); ?>; background: #<?php echo esc_html($theme_row->slideshow_dots_background_color); ?>; margin: <?php echo esc_html($theme_row->slideshow_dots_margin); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_dots_container_<?php echo esc_attr($bwg); ?> { width: <?php echo esc_html($image_width); ?>px; <?php echo esc_html($theme_row->slideshow_filmstrip_pos); ?>: 0; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_dots_thumbnails_<?php echo esc_attr($bwg); ?> { height: <?php echo esc_html((floatval($theme_row->slideshow_dots_height) + floatval($theme_row->slideshow_dots_margin) * 2)); ?>px; width: <?php echo esc_html((floatval($theme_row->slideshow_dots_width) + floatval($theme_row->slideshow_dots_margin) * 2) * count($image_rows)); ?>px; } #bwg_container1_<?php echo esc_attr($bwg); ?> #bwg_container2_<?php echo esc_attr($bwg); ?> .bwg_slideshow_dots_active_<?php echo esc_attr($bwg); ?> { background: #<?php echo esc_html($theme_row->slideshow_dots_active_background_color); ?>; border: <?php echo esc_html($theme_row->slideshow_dots_active_border_width); ?>px solid #<?php echo esc_html($theme_row->slideshow_dots_active_border_color); ?>; } <?php return ob_get_clean(); } }
