/** * * put slider javascript */ private function putJS($markup_export = false) { $params = $this->slider->getParams(); $sliderType = $this->slider->getParam('slider_type'); $force_fullwidth = $this->slider->getParam('force_full_width', 'on'); if ($sliderType == 'fixed' || $sliderType == 'responsitive' || $sliderType == 'fullwidth' && $force_fullwidth == "off") { $sliderType = 'auto'; } $optFullWidth = $sliderType == 'fullwidth' ? 'on' : 'off'; $optFullScreen = 'off'; if ($sliderType == 'fullscreen') { $optFullWidth = 'off'; $optFullScreen = 'on'; } $use_spinner = $this->slider->getParam('use_spinner', '0'); $spinner_color = $this->slider->getParam('spinner_color', '#FFFFFF'); $noConflict = $this->slider->getParam("jquery_noconflict", "on"); $debugmode = $this->slider->getParam("jquery_debugmode", "off") == 'on' ? 'true' : 'false'; //set thumb amount $numSlides = $this->slider->getNumSlides(true); //get stop slider options $stopSlider = $this->slider->getParam("stop_slider", "off"); $stopAfterLoops = $this->slider->getParam("stop_after_loops", "0"); $stopAtSlide = $this->slider->getParam("stop_at_slide", "2"); if ($stopSlider == "off") { $stopAfterLoops = "-1"; $stopAtSlide = "-1"; } $oneSlideLoop = $this->slider->getParam("loop_slide", "loop"); if ($oneSlideLoop == 'noloop' && $this->hasOnlyOneSlide == true) { $stopAfterLoops = '0'; $stopAtSlide = '1'; } $sliderID = $this->slider->getID(); //treat hide slider at limit $hideSliderAtLimit = $this->slider->getParam("hide_slider_under", "0", RevSlider::VALIDATE_NUMERIC); if (!empty($hideSliderAtLimit)) { $hideSliderAtLimit++; } $hideCaptionAtLimit = $this->slider->getParam("hide_defined_layers_under", "0", RevSlider::VALIDATE_NUMERIC); if (!empty($hideCaptionAtLimit)) { $hideCaptionAtLimit++; } $hideAllCaptionAtLimit = $this->slider->getParam("hide_all_layers_under", "0", RevSlider::VALIDATE_NUMERIC); if (!empty($hideAllCaptionAtLimit)) { $hideAllCaptionAtLimit++; } //start_with_slide $startWithSlide = $this->slider->getStartWithSlideSetting(); //modify navigation type (backward compatability) //FALLBACK $enable_arrows = $this->slider->getParam('enable_arrows', 'off'); $arrowsType = $enable_arrows == 'on' ? 'solo' : 'none'; //More Mobile Options $hideThumbsOnMobile = $this->slider->getParam("hide_thumbs_on_mobile", "off"); $enable_progressbar = $this->slider->getParam('enable_progressbar', 'on'); $disableKenBurnOnMobile = $this->slider->getParam("disable_kenburns_on_mobile", "off"); $swipe_velocity = $this->slider->getParam("swipe_velocity", "0.7", RevSlider::VALIDATE_NUMERIC); $swipe_min_touches = $this->slider->getParam("swipe_min_touches", "1", RevSlider::VALIDATE_NUMERIC); $swipe_direction = $this->slider->getParam("swipe_direction", "horizontal"); $drag_block_vertical = $this->slider->getParam("drag_block_vertical", "false"); $use_parallax = $this->slider->getParam("use_parallax", $this->slider->getParam('use_parallax', 'off')); $disable_parallax_mobile = $this->slider->getParam("disable_parallax_mobile", "off"); if ($use_parallax == 'on') { $parallax_ddd = $this->slider->getParam("ddd_parallax", "off"); $parallax_type = $this->slider->getParam("parallax_type", "mouse"); $parallax_origo = $this->slider->getParam("parallax_origo", "enterpoint"); $parallax_speed = $this->slider->getParam("parallax_speed", "400"); if ($parallax_ddd == "on") { $parallax_type = "3D"; $parallax_origo = "slidercenter"; $parallax_ddd_shadow = $this->slider->getParam("ddd_parallax_shadow", "on"); $parallax_ddd_bgfreeze = $this->slider->getParam("ddd_parallax_bgfreeze", "off"); $parallax_ddd_overflow = $this->slider->getParam("ddd_parallax_overflow", "off"); $parallax_ddd_layer_overflow = $this->slider->getParam("ddd_parallax_layer_overflow", "off"); $parallax_ddd_overflow = $parallax_ddd_overflow == "off" ? "visible" : "hidden"; $parallax_ddd_layer_overflow = $parallax_ddd_layer_overflow == "off" ? "visible" : "hidden"; $parallax_ddd_zcorrection = $this->slider->getParam("ddd_parallax_zcorrection", "400"); //$parallax_ddd_path = $this->slider->getParam("ddd_parallax_path","mouse"); } $parallax_level[] = intval($this->slider->getParam("parallax_level_1", "5")); $parallax_level[] = intval($this->slider->getParam("parallax_level_2", "10")); $parallax_level[] = intval($this->slider->getParam("parallax_level_3", "15")); $parallax_level[] = intval($this->slider->getParam("parallax_level_4", "20")); $parallax_level[] = intval($this->slider->getParam("parallax_level_5", "25")); $parallax_level[] = intval($this->slider->getParam("parallax_level_6", "30")); $parallax_level[] = intval($this->slider->getParam("parallax_level_7", "35")); $parallax_level[] = intval($this->slider->getParam("parallax_level_8", "40")); $parallax_level[] = intval($this->slider->getParam("parallax_level_9", "45")); $parallax_level[] = intval($this->slider->getParam("parallax_level_10", "45")); $parallax_level[] = intval($this->slider->getParam("parallax_level_11", "46")); $parallax_level[] = intval($this->slider->getParam("parallax_level_12", "47")); $parallax_level[] = intval($this->slider->getParam("parallax_level_13", "48")); $parallax_level[] = intval($this->slider->getParam("parallax_level_14", "49")); $parallax_level[] = intval($this->slider->getParam("parallax_level_15", "50")); $parallax_level[] = intval($this->slider->getParam("parallax_level_16", "55")); $parallax_level = implode(',', $parallax_level); } $operations = new RevSliderOperations(); $arrValues = $operations->getGeneralSettingsValues(); $do_delay = $this->slider->getParam("start_js_after_delay", "0"); $do_delay = apply_filters('revslider_add_js_delay', $do_delay); $do_delay = intval($do_delay); $js_to_footer = isset($arrValues['js_to_footer']) && $arrValues['js_to_footer'] == 'on' ? true : false; $slider_type = $this->slider->getParam('slider-type', 'standard'); //add inline style into the footer if ($js_to_footer && $this->previewMode == false && $markup_export == false) { ob_start(); } $nav_css = ''; if ($markup_export === true) { echo '<!-- STYLE -->'; } //ADD SCOPED INLINE STYLES $this->add_inline_styles(); if ($markup_export === true) { echo '<!-- /STYLE -->'; } $csizes = RevSliderFunctions::get_responsive_size($this); if ($markup_export === true) { echo '<!-- SCRIPT -->'; } ?> <script type="text/javascript"> <?php if (!$markup_export) { //not needed for html markup export ?> /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new Object,i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0; e.c = jQuery('#<?php echo $this->sliderHtmlID; ?> '); <?php if (isset($csizes['level']) && !empty($csizes['level'])) { ?> e.responsiveLevels = <?php echo '[' . $csizes['level'] . ']'; ?> ; e.gridwidth = <?php echo '[' . $csizes['width'] . ']'; ?> ; e.gridheight = <?php echo '[' . $csizes['height'] . ']'; ?> ; <?php } else { ?> e.gridwidth = <?php echo '[' . $csizes['width'] . ']'; ?> ; e.gridheight = <?php echo '[' . $csizes['height'] . ']'; ?> ; <?php } ?> <?php if ($optFullScreen == 'on') { $sl_layout = 'fullscreen'; } elseif ($optFullWidth == 'on') { $sl_layout = 'fullwidth'; } else { $sl_layout = 'auto'; } ?> e.sliderLayout = "<?php echo $sl_layout; ?> "; <?php if ($this->slider->getParam("slider_type") == "fullscreen") { ?> e.fullScreenAutoWidth='<?php echo esc_attr($this->slider->getParam("autowidth_force", "off")); ?> '; e.fullScreenAlignForce='<?php echo esc_attr($this->slider->getParam("full_screen_align_force", "off")); ?> '; e.fullScreenOffsetContainer= '<?php echo esc_attr($this->slider->getParam("fullscreen_offset_container", "")); ?> '; e.fullScreenOffset='<?php echo esc_attr($this->slider->getParam("fullscreen_offset_size", "")); ?> '; <?php } $minHeight = $this->slider->getParam('slider_type') !== 'fullscreen' ? $this->slider->getParam('min_height', '0') : $this->slider->getParam('fullscreen_min_height', '0'); if ($minHeight > 0) { ?> e.minHeight = <?php echo $minHeight; ?> ; <?php } ?> if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(",");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split("%").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(".rev_slider_wrapper").css({height:f}) }catch(d){console.log("Failure at Presize of Slider:"+d)} }; setREVStartSize(); <?php } ?> var tpj=jQuery; <?php if ($noConflict == "on") { ?> tpj.noConflict();<?php } ?> var revapi<?php echo $sliderID; ?> ; <?php echo 'tpj(document).ready(function() {' . "\n"; echo ' if(tpj("#' . $this->sliderHtmlID . '").revolution == undefined){' . "\n"; echo ' revslider_showDoubleJqueryError("#' . $this->sliderHtmlID . '");' . "\n"; echo ' }else{' . "\n"; echo ' revapi' . $sliderID . ' = tpj("#' . $this->sliderHtmlID . '").show().revolution({' . "\n"; if ($do_delay > 0) { echo ' startDelay: ' . esc_attr($do_delay) . ',' . "\n"; } echo ' sliderType:"' . esc_attr($slider_type) . '",' . "\n"; $stripped_http = explode('://', RS_PLUGIN_URL); echo 'jsFileLocation:"//' . esc_attr($stripped_http[1] . 'public/assets/js/') . '",' . "\n"; if ($optFullScreen == 'on') { $sl_layout = 'fullscreen'; } elseif ($optFullWidth == 'on') { $sl_layout = 'fullwidth'; } else { $sl_layout = 'auto'; } echo ' sliderLayout:"' . $sl_layout . '",' . "\n"; echo ' dottedOverlay:"' . esc_attr($this->slider->getParam("background_dotted_overlay", "none")) . '",' . "\n"; echo ' delay:' . esc_attr($this->slider->getParam("delay", "9000", RevSlider::FORCE_NUMERIC)) . ',' . "\n"; do_action('revslider_fe_javascript_option_output', $this->slider); $enable_arrows = $this->slider->getParam('enable_arrows', 'off'); $enable_bullets = $this->slider->getParam('enable_bullets', 'off'); $enable_tabs = $this->slider->getParam('enable_tabs', 'off'); $enable_thumbnails = $this->slider->getParam('enable_thumbnails', 'off'); $rs_nav = new RevSliderNavigation(); $all_navs = $rs_nav->get_all_navigations(); $touch_enabled = $this->slider->getParam('touchenabled', 'on'); $keyboard_enabled = $this->slider->getParam('keyboard_navigation', 'off'); $keyboard_direction = $this->slider->getParam('keyboard_direction', 'horizontal'); $mousescroll_enabled = $this->slider->getParam('mousescroll_navigation', 'off'); $mousescroll_reverse = $this->slider->getParam('mousescroll_navigation_reverse', 'default'); //no navigation if we are hero if ($slider_type !== 'hero' && ($enable_arrows == 'on' || $enable_bullets == 'on' || $enable_tabs == 'on' || $enable_thumbnails == 'on' || $touch_enabled == 'on' || $keyboard_enabled == 'on' || $mousescroll_enabled != 'off')) { echo ' navigation: {' . "\n"; echo ' keyboardNavigation:"' . esc_attr($keyboard_enabled) . '",' . "\n"; echo ' keyboard_direction: "' . esc_attr($keyboard_direction) . '",' . "\n"; echo ' mouseScrollNavigation:"' . esc_attr($mousescroll_enabled) . '",' . "\n"; echo ' mouseScrollReverse:"' . esc_attr($mousescroll_reverse) . '",' . "\n"; if ($slider_type !== 'hero') { echo ' onHoverStop:"' . esc_attr($this->slider->getParam("stop_on_hover", "on")) . '",' . "\n"; } $add_comma = false; if ($touch_enabled == 'on') { $add_comma = true; echo ' touch:{' . "\n"; echo ' touchenabled:"' . esc_attr($touch_enabled) . '",' . "\n"; echo ' swipe_threshold: ' . esc_attr($swipe_velocity) . ',' . "\n"; echo ' swipe_min_touches: ' . esc_attr($swipe_min_touches) . ',' . "\n"; echo ' swipe_direction: "' . esc_attr($swipe_direction) . '",' . "\n"; echo ' drag_block_vertical: '; echo $drag_block_vertical == 'true' ? 'true' : 'false'; echo "\n"; echo ' }' . "\n"; } if ($enable_arrows == 'on') { $navigation_arrow_style = $this->slider->getParam('navigation_arrow_style', 'round'); $arrows_always_on = $this->slider->getParam('arrows_always_on', 'true') == 'true' ? 'true' : 'false'; $hide_arrows_on_mobile = $this->slider->getParam('hide_arrows_on_mobile', 'off') == 'on' ? 'true' : 'false'; $hide_arrows_over = $this->slider->getParam('hide_arrows_over', 'off') == 'on' ? 'true' : 'false'; $arr_tmp = ''; $ff = false; if (!empty($all_navs)) { foreach ($all_navs as $cur_nav) { if ($cur_nav['handle'] == $navigation_arrow_style) { if (isset($cur_nav['markup']['arrows'])) { $arr_tmp = $cur_nav['markup']['arrows']; } if (isset($cur_nav['css']['arrows'])) { $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['arrows'], $cur_nav['handle'], 'arrows', $cur_nav['settings'], $this->slider, $this) . "\n"; } $ff = true; break; } } } if ($ff == false) { $navigation_arrow_style = ''; } $navigation_arrow_style = $rs_nav->translate_navigation($navigation_arrow_style); if ($add_comma) { echo ' ,' . "\n"; } $add_comma = true; echo ' arrows: {' . "\n"; echo ' style:"' . esc_attr($navigation_arrow_style) . '",' . "\n"; echo ' enable:'; echo $this->slider->getParam('enable_arrows', 'off') == 'on' ? 'true' : 'false'; echo ',' . "\n"; echo $this->slider->getParam('rtl_arrows', 'off') == 'on' ? ' rtl:true,' . "\n" : ''; echo ' hide_onmobile:' . $hide_arrows_on_mobile . ',' . "\n"; if ($hide_arrows_on_mobile === 'true') { echo ' hide_under:' . esc_attr($this->slider->getParam('arrows_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } if ($hide_arrows_over === 'true') { echo ' hide_over:' . esc_attr($this->slider->getParam('arrows_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' hide_onleave:' . $arrows_always_on . ',' . "\n"; if ($arrows_always_on === 'true') { echo ' hide_delay:' . esc_attr($this->slider->getParam('hide_arrows', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_arrows_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' tmp:\''; echo preg_replace("/\r|\n/", "", $arr_tmp); echo '\',' . "\n"; echo ' left: {' . "\n"; echo in_array($this->slider->getParam('leftarrow_position', 'slider'), array('layergrid', 'grid')) ? ' container:"layergrid",' . "\n" : ''; echo ' h_align:"' . esc_attr($this->slider->getParam('leftarrow_align_hor', 'left')) . '",' . "\n"; echo ' v_align:"' . esc_attr($this->slider->getParam('leftarrow_align_vert', 'center')) . '",' . "\n"; echo ' h_offset:' . esc_attr($this->slider->getParam('leftarrow_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' v_offset:' . esc_attr($this->slider->getParam('leftarrow_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n"; echo ' },' . "\n"; echo ' right: {' . "\n"; echo in_array($this->slider->getParam('rightarrow_position', 'slider'), array('layergrid', 'grid')) ? ' container:"layergrid",' . "\n" : ''; echo ' h_align:"' . esc_attr($this->slider->getParam('rightarrow_align_hor', 'right')) . '",' . "\n"; echo ' v_align:"' . esc_attr($this->slider->getParam('rightarrow_align_vert', 'center')) . '",' . "\n"; echo ' h_offset:' . esc_attr($this->slider->getParam('rightarrow_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' v_offset:' . esc_attr($this->slider->getParam('rightarrow_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n"; echo ' }' . "\n"; echo ' }' . "\n"; } if ($enable_bullets == 'on') { $navigation_bullets_style = $this->slider->getParam('navigation_bullets_style', 'round'); $bullets_always_on = $this->slider->getParam('bullets_always_on', 'true') == 'true' ? 'true' : 'false'; $hide_bullets_on_mobile = $this->slider->getParam('hide_bullets_on_mobile', 'off') == 'on' ? 'true' : 'false'; $hide_bullets_over = $this->slider->getParam('hide_bullets_over', 'off') == 'on' ? 'true' : 'false'; $bul_tmp = '<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>'; if (!empty($all_navs)) { foreach ($all_navs as $cur_nav) { if ($cur_nav['handle'] == $navigation_bullets_style) { if (isset($cur_nav['markup']['bullets'])) { $bul_tmp = $cur_nav['markup']['bullets']; } if (isset($cur_nav['css']['bullets'])) { $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['bullets'], $cur_nav['handle'], 'bullets', $cur_nav['settings'], $this->slider, $this) . "\n"; } break; } } } $navigation_bullets_style = $rs_nav->translate_navigation($navigation_bullets_style); if ($add_comma) { echo ' ,' . "\n"; } $add_comma = true; echo ' bullets: {' . "\n"; echo ' enable:'; echo $this->slider->getParam('enable_bullets', 'off') == 'on' ? 'true' : 'false'; echo ',' . "\n"; echo $this->slider->getParam('rtl_bullets', 'off') == 'on' ? ' rtl:true,' . "\n" : ''; echo ' hide_onmobile:' . $hide_bullets_on_mobile . ',' . "\n"; if ($hide_bullets_on_mobile === 'true') { echo ' hide_under:' . esc_attr($this->slider->getParam('bullets_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } if ($hide_bullets_over === 'true') { echo ' hide_over:' . esc_attr($this->slider->getParam('bullets_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' style:"' . esc_attr($navigation_bullets_style) . '",' . "\n"; echo ' hide_onleave:' . $bullets_always_on . ',' . "\n"; if ($bullets_always_on === 'true') { echo ' hide_delay:' . esc_attr($this->slider->getParam('hide_bullets', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_bullets_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' direction:"' . esc_attr($this->slider->getParam('bullets_direction', 'horizontal')) . '",' . "\n"; echo in_array($this->slider->getParam('bullets_position', 'slider'), array('layergrid', 'grid')) ? ' container:"layergrid",' . "\n" : ''; echo ' h_align:"' . esc_attr($this->slider->getParam('bullets_align_hor', 'right')) . '",' . "\n"; echo ' v_align:"' . esc_attr($this->slider->getParam('bullets_align_vert', 'center')) . '",' . "\n"; echo ' h_offset:' . esc_attr($this->slider->getParam('bullets_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' v_offset:' . esc_attr($this->slider->getParam('bullets_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' space:' . esc_attr($this->slider->getParam('bullets_space', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' tmp:\''; echo preg_replace("/\r|\n/", "", $bul_tmp); echo '\'' . "\n"; echo ' }' . "\n"; } if ($enable_thumbnails == 'on') { $thumbnails_style = $this->slider->getParam('thumbnails_style', 'round'); $thumbs_always_on = $this->slider->getParam('thumbs_always_on', 'true') == 'true' ? 'true' : 'false'; $hide_thumbs_on_mobile = $this->slider->getParam('hide_thumbs_on_mobile', 'off') == 'on' ? 'true' : 'false'; $hide_thumbs_over = $this->slider->getParam('hide_thumbs_over', 'off') == 'on' ? 'true' : 'false'; $thumbs_tmp = '<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>'; if (!empty($all_navs)) { foreach ($all_navs as $cur_nav) { if ($cur_nav['handle'] == $thumbnails_style) { if (isset($cur_nav['markup']['thumbs'])) { $thumbs_tmp = $cur_nav['markup']['thumbs']; } if (isset($cur_nav['css']['thumbs'])) { $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['thumbs'], $cur_nav['handle'], 'thumbs', $cur_nav['settings'], $this->slider, $this) . "\n"; } break; } } } $thumbnails_style = $rs_nav->translate_navigation($thumbnails_style); if ($add_comma) { echo ' ,' . "\n"; } $add_comma = true; echo ' thumbnails: {' . "\n"; echo ' style:"' . esc_attr($thumbnails_style) . '",' . "\n"; echo ' enable:'; echo $this->slider->getParam('enable_thumbnails', 'off') == 'on' ? 'true' : 'false'; echo ',' . "\n"; echo $this->slider->getParam('rtl_thumbnails', 'off') == 'on' ? ' rtl:true,' . "\n" : ''; echo ' width:' . esc_attr($this->slider->getParam('thumb_width', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' height:' . esc_attr($this->slider->getParam('thumb_height', '50', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' min_width:' . esc_attr($this->slider->getParam('thumb_width_min', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' wrapper_padding:' . esc_attr($this->slider->getParam('thumbnails_padding', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' wrapper_color:"' . esc_attr($this->slider->getParam('thumbnails_wrapper_color', 'transparent')) . '",' . "\n"; echo ' wrapper_opacity:"' . esc_attr(round($this->slider->getParam('thumbnails_wrapper_opacity', '100') / 100, 2)) . '",' . "\n"; echo ' tmp:\''; echo preg_replace("/\r|\n/", "", $thumbs_tmp); echo '\',' . "\n"; echo ' visibleAmount:' . esc_attr($this->slider->getParam('thumb_amount', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' hide_onmobile:' . $hide_thumbs_on_mobile . ',' . "\n"; if ($hide_thumbs_on_mobile === 'true') { echo ' hide_under:' . esc_attr($this->slider->getParam('thumbs_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } if ($hide_thumbs_over === 'true') { echo ' hide_over:' . esc_attr($this->slider->getParam('thumbs_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' hide_onleave:' . $thumbs_always_on . ',' . "\n"; if ($thumbs_always_on === 'true') { echo ' hide_delay:' . esc_attr($this->slider->getParam('hide_thumbs', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_thumbs_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' direction:"' . esc_attr($this->slider->getParam('thumbnail_direction', 'horizontal')) . '",' . "\n"; echo ' span:'; echo $this->slider->getParam('span_thumbnails_wrapper', 'off') == 'on' ? 'true' : 'false'; echo ',' . "\n"; echo ' position:"' . esc_attr($this->slider->getParam('thumbnails_inner_outer', 'inner')) . '",' . "\n"; if ($this->slider->getParam('thumbnails_inner_outer', 'inner') == 'inner') { echo in_array($this->slider->getParam('thumbnails_position', 'slider'), array('layergrid', 'grid')) ? ' container:"layergrid",' . "\n" : ''; } echo ' space:' . esc_attr($this->slider->getParam('thumbnails_space', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' h_align:"' . esc_attr($this->slider->getParam('thumbnails_align_hor', 'left')) . '",' . "\n"; echo ' v_align:"' . esc_attr($this->slider->getParam('thumbnails_align_vert', 'center')) . '",' . "\n"; echo ' h_offset:' . esc_attr($this->slider->getParam('thumbnails_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' v_offset:' . esc_attr($this->slider->getParam('thumbnails_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n"; echo ' }' . "\n"; } if ($enable_tabs == 'on') { $tabs_style = $this->slider->getParam('tabs_style', 'round'); $tabs_always_on = $this->slider->getParam('tabs_always_on', 'true') == 'true' ? 'true' : 'false'; $hide_tabs_on_mobile = $this->slider->getParam('hide_tabs_on_mobile', 'off') == 'on' ? 'true' : 'false'; $hide_tabs_over = $this->slider->getParam('hide_tabs_over', 'off') == 'on' ? 'true' : 'false'; $tabs_tmp = '<span class="tp-thumb-image"></span>'; if (!empty($all_navs)) { foreach ($all_navs as $cur_nav) { if ($cur_nav['handle'] == $tabs_style) { if (isset($cur_nav['markup']['tabs'])) { $tabs_tmp = $cur_nav['markup']['tabs']; } if (isset($cur_nav['css']['tabs'])) { $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['tabs'], $cur_nav['handle'], 'tabs', $cur_nav['settings'], $this->slider, $this) . "\n"; } break; } } } $tabs_style = $rs_nav->translate_navigation($tabs_style); if ($add_comma) { echo ' ,' . "\n"; } $add_comma = true; echo ' tabs: {' . "\n"; echo ' style:"' . esc_attr($tabs_style) . '",' . "\n"; echo ' enable:'; echo $this->slider->getParam('enable_tabs', 'off') == 'on' ? 'true' : 'false'; echo ',' . "\n"; echo $this->slider->getParam('rtl_tabs', 'off') == 'on' ? ' rtl:true,' . "\n" : ''; echo ' width:' . esc_attr($this->slider->getParam('tabs_width', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' height:' . esc_attr($this->slider->getParam('tabs_height', '50', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' min_width:' . esc_attr($this->slider->getParam('tabs_width_min', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' wrapper_padding:' . esc_attr($this->slider->getParam('tabs_padding', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' wrapper_color:"' . esc_attr($this->slider->getParam('tabs_wrapper_color', 'transparent')) . '",' . "\n"; echo ' wrapper_opacity:"' . esc_attr(round($this->slider->getParam('tabs_wrapper_opacity', '100') / 100, 2)) . '",' . "\n"; echo ' tmp:\''; echo preg_replace("/\r|\n/", "", $tabs_tmp); echo '\',' . "\n"; echo ' visibleAmount: ' . esc_attr($this->slider->getParam('tabs_amount', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' hide_onmobile: ' . $hide_tabs_on_mobile . ',' . "\n"; if ($hide_tabs_on_mobile === 'true') { echo ' hide_under:' . esc_attr($this->slider->getParam('tabs_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } if ($hide_tabs_over === 'true') { echo ' hide_over:' . esc_attr($this->slider->getParam('tabs_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' hide_onleave:' . $tabs_always_on . ',' . "\n"; if ($tabs_always_on === 'true') { echo ' hide_delay:' . esc_attr($this->slider->getParam('hide_tabs', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_tabs_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; } echo ' hide_delay:' . esc_attr($this->slider->getParam('hide_tabs', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' direction:"' . esc_attr($this->slider->getParam('tabs_direction', 'horizontal')) . '",' . "\n"; echo ' span:'; echo $this->slider->getParam('span_tabs_wrapper', 'off') == 'on' ? 'true' : 'false'; echo ',' . "\n"; echo ' position:"' . esc_attr($this->slider->getParam('tabs_inner_outer', 'inner')) . '",' . "\n"; if ($this->slider->getParam('tabs_inner_outer', 'inner') == 'inner') { echo in_array($this->slider->getParam('tabs_position', 'slider'), array('layergrid', 'grid')) ? ' container:"layergrid",' . "\n" : ''; } echo ' space:' . esc_attr($this->slider->getParam('tabs_space', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' h_align:"' . esc_attr($this->slider->getParam('tabs_align_hor', 'left')) . '",' . "\n"; echo ' v_align:"' . esc_attr($this->slider->getParam('tabs_align_vert', 'center')) . '",' . "\n"; echo ' h_offset:' . esc_attr($this->slider->getParam('tabs_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n"; echo ' v_offset:' . esc_attr($this->slider->getParam('tabs_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n"; echo ' }' . "\n"; } echo ' },' . "\n"; } else { //maybe write navigation stuff still here echo ' navigation: {' . "\n"; if ($slider_type !== 'hero') { echo ' onHoverStop:"' . esc_attr($this->slider->getParam("stop_on_hover", "on")) . '",' . "\n"; } echo ' },' . "\n"; } if ($slider_type == 'carousel') { $car_inf = $this->slider->getParam('carousel_infinity', 'off'); $car_space = $this->slider->getParam('carousel_space', 0, RevSlider::FORCE_NUMERIC); $car_stretch = $this->slider->getParam('carousel_stretch', 'off'); $car_maxitems = $this->slider->getParam('carousel_maxitems', 5, RevSlider::FORCE_NUMERIC); $car_fadeout = $this->slider->getParam('carousel_fadeout', 'on'); $car_varyfade = $this->slider->getParam('carousel_varyfade', 'off'); $car_hpos = $this->slider->getParam('carousel_hposition', 'center'); $car_vpos = $this->slider->getParam('carousel_vposition', 'center'); $carousel_rotation = $this->slider->getParam('carousel_rotation', 'off'); $car_maxrotation = $this->slider->getParam('carousel_maxrotation', 90, RevSlider::FORCE_NUMERIC); $car_varyrotate = $this->slider->getParam('carousel_varyrotate', 'off'); $carousel_scale = $this->slider->getParam('carousel_scale', 'off'); $car_varyscale = $this->slider->getParam('carousel_varyscale', 'off'); $car_scaledown = $this->slider->getParam('carousel_scaledown', 50, RevSlider::FORCE_NUMERIC); if ($car_scaledown > 100) { $car_scaledown = 100; } $car_borderr = $this->slider->getParam('carousel_borderr', 0, RevSlider::FORCE_NUMERIC); $car_borderr_unit = $this->slider->getParam('carousel_borderr_unit', 'px'); $car_padding_top = $this->slider->getParam('carousel_padding_top', 0, RevSlider::FORCE_NUMERIC); $car_padding_bottom = $this->slider->getParam('carousel_padding_bottom', 0, RevSlider::FORCE_NUMERIC); echo ' carousel: {' . "\n"; if ($car_borderr > 0) { echo ' border_radius: "' . esc_attr($car_borderr . $car_borderr_unit) . '",' . "\n"; } if ($car_padding_top > 0) { echo ' padding_top: "' . esc_attr($car_padding_top) . '",' . "\n"; } if ($car_padding_bottom > 0) { echo ' padding_bottom: "' . esc_attr($car_padding_bottom) . '",' . "\n"; } if ($carousel_rotation == 'on') { echo ' maxRotation: ' . esc_attr($car_maxrotation) . ',' . "\n"; echo ' vary_rotation: "' . esc_attr($car_varyrotate) . '",' . "\n"; } if ($carousel_scale == 'on') { echo ' minScale: ' . esc_attr($car_scaledown) . ',' . "\n"; echo ' vary_scale: "' . esc_attr($car_varyscale) . '",' . "\n"; } echo ' horizontal_align: "' . esc_attr($car_hpos) . '",' . "\n"; echo ' vertical_align: "' . esc_attr($car_vpos) . '",' . "\n"; echo ' fadeout: "' . esc_attr($car_fadeout) . '",' . "\n"; if ($car_fadeout == 'on') { echo ' vary_fade: "' . esc_attr($car_varyfade) . '",' . "\n"; } echo ' maxVisibleItems: ' . esc_attr($car_maxitems) . ',' . "\n"; echo ' infinity: "' . esc_attr($car_inf) . '",' . "\n"; echo ' space: ' . esc_attr($car_space) . ',' . "\n"; echo ' stretch: "' . esc_attr($car_stretch) . '"' . "\n"; echo ' },' . "\n"; } $label_viewport = $this->slider->getParam('label_viewport', 'off'); $viewport_start = $this->slider->getParam('viewport_start', 'wait'); $viewport_area = $this->slider->getParam('viewport_area', 80, RevSlider::FORCE_NUMERIC); if ($label_viewport === 'on') { echo ' viewPort: {' . "\n"; echo ' enable:true,' . "\n"; echo ' outof:"' . esc_attr($viewport_start) . '",' . "\n"; echo ' visible_area:"' . esc_attr($viewport_area) . '%"' . "\n"; echo ' },' . "\n"; } if (isset($csizes['level']) && !empty($csizes['level'])) { echo ' responsiveLevels:[' . $csizes['level'] . '],' . "\n"; echo ' visibilityLevels:[' . $csizes['level'] . '],' . "\n"; echo ' gridwidth:[' . $csizes['width'] . '],' . "\n"; echo ' gridheight:[' . $csizes['height'] . '],' . "\n"; } else { echo ' visibilityLevels:[' . $csizes['visibilitylevel'] . '],' . "\n"; echo ' gridwidth:' . $csizes['width'] . ',' . "\n"; echo ' gridheight:' . $csizes['height'] . ',' . "\n"; } $lazyLoad = $this->slider->getParam('lazy_load_type', false); if ($lazyLoad === false) { //do fallback checks to removed lazy_load value since version 5.0 and replaced with an enhanced version $old_ll = $this->slider->getParam('lazy_load', 'off'); $lazyLoad = $old_ll == 'on' ? 'all' : 'none'; } echo ' lazyType:"' . esc_attr($lazyLoad) . '",' . "\n"; $minHeight = $this->slider->getParam('slider_type') !== 'fullscreen' ? $this->slider->getParam('min_height', '0') : $this->slider->getParam('fullscreen_min_height', '0'); if ($minHeight > 0) { echo ' minHeight:' . $minHeight . ',' . "\n"; } if ($use_parallax == 'on') { echo ' parallax: {' . "\n"; echo ' type:"' . esc_attr($parallax_type) . '",' . "\n"; echo ' origo:"' . esc_attr($parallax_origo) . '",' . "\n"; echo ' speed:' . esc_attr($parallax_speed) . ',' . "\n"; echo ' levels:[' . esc_attr($parallax_level) . '],' . "\n"; echo ' type:"' . esc_attr($parallax_type) . '",' . "\n"; if ($parallax_type == '3D') { echo ' ddd_shadow:"' . esc_attr($parallax_ddd_shadow) . '",' . "\n"; echo ' ddd_bgfreeze:"' . esc_attr($parallax_ddd_bgfreeze) . '",' . "\n"; echo ' ddd_overflow:"' . esc_attr($parallax_ddd_overflow) . '",' . "\n"; echo ' ddd_layer_overflow:"' . esc_attr($parallax_ddd_layer_overflow) . '",' . "\n"; echo ' ddd_z_correction:' . esc_attr($parallax_ddd_zcorrection) . ',' . "\n"; //echo ' ddd_path:"'. esc_attr($parallax_ddd_path) .'",'."\n"; } if ($disable_parallax_mobile == 'on') { echo ' disable_onmobile:"on"' . "\n"; } echo ' },' . "\n"; } if ($use_parallax != 'on' || $use_parallax == 'on' && $parallax_type != '3D') { echo ' shadow:' . esc_attr($this->slider->getParam("shadow_type", "2")) . ',' . "\n"; } if ($use_spinner == '-1') { echo ' spinner:"off",' . "\n"; } else { echo ' spinner:"spinner' . esc_attr($use_spinner) . '",' . "\n"; } if ($slider_type !== 'hero') { echo ' stopLoop:"' . esc_attr($stopSlider) . '",' . "\n"; echo ' stopAfterLoops:' . esc_attr($stopAfterLoops) . ',' . "\n"; echo ' stopAtSlide:' . esc_attr($stopAtSlide) . ',' . "\n"; echo ' shuffle:"' . esc_attr($this->slider->getParam("shuffle", "off")) . '",' . "\n"; } echo ' autoHeight:"' . esc_attr($this->slider->getParam("auto_height", 'off')) . '",' . "\n"; if ($this->slider->getParam("slider_type") == "fullscreen") { echo ' fullScreenAutoWidth:"' . esc_attr($this->slider->getParam("autowidth_force", "off")) . '",' . "\n"; echo ' fullScreenAlignForce:"' . esc_attr($this->slider->getParam("full_screen_align_force", "off")) . '",' . "\n"; echo ' fullScreenOffsetContainer: "' . esc_attr($this->slider->getParam("fullscreen_offset_container", "")) . '",' . "\n"; echo ' fullScreenOffset: "' . esc_attr($this->slider->getParam("fullscreen_offset_size", "")) . '",' . "\n"; } if ($enable_progressbar !== 'on' || $slider_type == 'hero') { echo ' disableProgressBar:"on",' . "\n"; } echo ' hideThumbsOnMobile:"' . esc_attr($hideThumbsOnMobile) . '",' . "\n"; echo ' hideSliderAtLimit:' . esc_attr($hideSliderAtLimit) . ',' . "\n"; echo ' hideCaptionAtLimit:' . esc_attr($hideCaptionAtLimit) . ',' . "\n"; echo ' hideAllCaptionAtLilmit:' . esc_attr($hideAllCaptionAtLimit) . ',' . "\n"; if ($slider_type !== 'hero') { $start_with_slide_enable = $this->slider->getParam('start_with_slide_enable', 'off'); if ($start_with_slide_enable == 'on') { echo ' startWithSlide:' . esc_attr($startWithSlide) . ',' . "\n"; } } echo ' debugMode:' . $debugmode . ',' . "\n"; if ($this->slider->getParam('waitforinit', 'off') == 'on') { echo ' waitForInit:true,' . "\n"; } echo ' fallbacks: {' . "\n"; echo ' simplifyAll:"' . esc_attr($this->slider->getParam('simplify_ie8_ios4', 'off')) . '",' . "\n"; if ($slider_type !== 'hero') { echo ' nextSlideOnWindowFocus:"' . esc_attr($this->slider->getParam('next_slide_on_window_focus', 'off')) . '",' . "\n"; } $dfl = $this->slider->getParam('disable_focus_listener', 'off') == 'on' ? 'true' : 'false'; echo ' disableFocusListener:' . $dfl . ',' . "\n"; if ($disableKenBurnOnMobile == 'on') { echo ' panZoomDisableOnMobile:"on",' . "\n"; } echo ' }' . "\n"; echo ' });' . "\n"; if ($this->slider->getParam("custom_javascript", '') !== '') { echo stripslashes($this->slider->getParam("custom_javascript", '')); } echo ' }' . "\n"; do_action('revslider_fe_javascript_output', $this->slider, $this->sliderHtmlID); echo ' }); /*ready*/' . "\n"; ?> </script> <?php if ($js_to_footer && $this->previewMode == false && $markup_export == false) { $js_content = ob_get_contents(); ob_clean(); ob_end_clean(); $this->rev_inline_js = $js_content; add_action('wp_footer', array($this, 'add_inline_js')); } if ($markup_export === true) { echo '<!-- /SCRIPT -->'; } switch ($use_spinner) { case '1': case '2': if (!is_admin()) { ?> <script> var htmlDivCss = ' #<?php echo $this->sliderHtmlID_wrapper; ?> .tp-loader.spinner<?php echo $use_spinner; ?> { background-color: <?php echo $spinner_color; ?> !important; } '; var htmlDiv = document.getElementById('rs-plugin-settings-inline-css'); if(htmlDiv) { htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss; } else{ var htmlDiv = document.createElement('div'); htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>'; document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]); } </script> <?php } else { if ($markup_export === true) { echo '<!-- STYLE -->'; } echo '<style type="text/css"> #' . $this->sliderHtmlID_wrapper . ' .tp-loader.spinner' . $use_spinner . '{ background-color: ' . $spinner_color . ' !important; } </style>'; if ($markup_export === true) { echo '<!-- /STYLE -->'; } } break; case '3': case '4': if (!is_admin()) { ?> <script> var htmlDivCss = ' #<?php echo $this->sliderHtmlID_wrapper; ?> .tp-loader.spinner<?php echo $use_spinner; ?> div { background-color: <?php echo $spinner_color; ?> !important; } '; var htmlDiv = document.getElementById('rs-plugin-settings-inline-css'); if(htmlDiv) { htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss; } else{ var htmlDiv = document.createElement('div'); htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>'; document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]); } </script> <?php } else { if ($markup_export === true) { echo '<!-- STYLE -->'; } echo '<style type="text/css"> #' . $this->sliderHtmlID_wrapper . ' .tp-loader.spinner' . $use_spinner . '{ background-color: ' . $spinner_color . ' !important; } </style>'; if ($markup_export === true) { echo '<!-- /STYLE -->'; } } break; case '0': case '5': default: break; } if ($this->slider->getParam("custom_css", '') !== '') { if (!is_admin()) { ?> <script> var htmlDivCss = unescape("<?php echo RevSliderCssParser::compress_css(rawurlencode(stripslashes($this->slider->getParam('custom_css', '')))); ?> "); var htmlDiv = document.getElementById('rs-plugin-settings-inline-css'); if(htmlDiv) { htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss; } else{ var htmlDiv = document.createElement('div'); htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>'; document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]); } </script><?php } else { if ($markup_export === true) { echo '<!-- STYLE -->'; } ?> <style type="text/css"><?php echo RevSliderCssParser::compress_css(stripslashes($this->slider->getParam('custom_css', ''))); ?> </style><?php if ($markup_export === true) { echo '<!-- /STYLE -->'; } } } //add custom Slide CSS here if (trim($nav_css) !== '') { if (!is_admin()) { ?> <script> var htmlDivCss = unescape("<?php echo RevSliderCssParser::compress_css(rawurlencode($nav_css)); ?> "); var htmlDiv = document.getElementById('rs-plugin-settings-inline-css'); if(htmlDiv) { htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss; } else{ var htmlDiv = document.createElement('div'); htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>'; document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]); } </script> <?php } else { if ($markup_export === true) { echo '<!-- STYLE -->'; } ?> <style type="text/css"><?php echo RevSliderCssParser::compress_css($nav_css); ?> </style> <?php if ($markup_export === true) { echo '<!-- /STYLE -->'; } } } if (!$markup_export) { //not needed for html markup export add_action('wp_footer', array($this, 'add_inline_double_jquery_error')); } }