3579 lines
314 KiB
HTML
3579 lines
314 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html class="js_active vc_desktop vc_transform skrollr skrollr-desktop" lang="en-US">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
||
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||
|
||
<title>Slider Settings Overview - ThemePunch</title>
|
||
<meta content="en_US">
|
||
<meta content="article">
|
||
<meta content="Slider Settings Overview - ThemePunch">
|
||
|
||
<link href="assets/crayon.css" id="crayon-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/styles.css" id="contact-form-7-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/settings.css" id="essential-grid-plugin-settings-css" media="all" rel="stylesheet" type="text/css">
|
||
<link rel="stylesheet" id="miami_pe_icons_css-css" href="assets/fonticons/css/pe-icon-7-stroke.css" type="text/css" media="all">
|
||
<link rel="stylesheet" id="miami_fontello_css-css" href="assets/fonts/css/fontello.css" type="text/css" media="all">
|
||
<link href="assets/settings_002.css" id="rs-plugin-settings-css" media="all" rel="stylesheet" type="text/css">
|
||
<style id="rs-plugin-settings-inline-css" type="text/css">
|
||
.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.largeredbtn{font-family:"Raleway",sans-serif;font-weight:900;font-size:16px;line-height:60px;color:#fff !important;text-decoration:none;padding-left:40px;padding-right:80px;padding-top:22px;padding-bottom:22px;background:rgb(234,91,31);background:-moz-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,91,31,1)),color-stop(100%,rgba(227,58,12,1)));background:-webkit-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:-o-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:-ms-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:linear-gradient(to bottom,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5b1f',endColorstr='#e33a0c',GradientType=0 )}.largeredbtn:hover{background:rgb(227,58,12);background:-moz-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(227,58,12,1)),color-stop(100%,rgba(234,91,31,1)));background:-webkit-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:-o-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:-ms-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:linear-gradient(to bottom,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33a0c',endColorstr='#ea5b1f',GradientType=0 )}.fullrounded
|
||
img{-webkit-border-radius:400px;-moz-border-radius:400px;border-radius:400px}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.largeredbtn{font-family:"Raleway",sans-serif;font-weight:900;font-size:16px;line-height:60px;color:#fff !important;text-decoration:none;padding-left:40px;padding-right:80px;padding-top:22px;padding-bottom:22px;background:rgb(234,91,31);background:-moz-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(234,91,31,1)),color-stop(100%,rgba(227,58,12,1)));background:-webkit-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:-o-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:-ms-linear-gradient(top,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);background:linear-gradient(to bottom,rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5b1f',endColorstr='#e33a0c',GradientType=0 )}.largeredbtn:hover{background:rgb(227,58,12);background:-moz-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(227,58,12,1)),color-stop(100%,rgba(234,91,31,1)));background:-webkit-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:-o-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:-ms-linear-gradient(top,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);background:linear-gradient(to bottom,rgba(227,58,12,1) 0%,rgba(234,91,31,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e33a0c',endColorstr='#ea5b1f',GradientType=0 )}.fullrounded
|
||
img{-webkit-border-radius:400px;-moz-border-radius:400px;border-radius:400px}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;line-height:140%}.tp-caption a:hover{color:#ffa902}.tp-caption
|
||
a{color:#296169;text-shadow:none;text-decoration:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#296169}.tp-caption
|
||
a{color:#296169;text-shadow:none;text-decoration:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#296169}.feature-round{color:#000;background:#fff;background:rgba(255,255,255,0.7);font-size:12px;width:100px;height:100px;line-height:14px;text-align:center;text-decoration:none;box-sizing:border-box;padding:35px
|
||
35px 35px 35px;background-color:transparent;border-radius:50px 50px 50px 50px;border-width:0px;border-color:#000;border-style:none}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}.tp-caption
|
||
a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902}
|
||
</style>
|
||
<link href="assets/tablesorter.css" id="taxes_tablesorter_css-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/tp_ei-public.css" id="tp_ei-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/tp_dl-public.css" id="tp_dl-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/polls-css.css" id="wp-polls-css" media="all" rel="stylesheet" type="text/css">
|
||
<style id="wp-polls-inline-css" type="text/css">
|
||
.wp-polls
|
||
.pollbar{margin:1px;font-size:6px;line-height:8px;height:8px;background:#e03301;border:1px
|
||
solid #fff}
|
||
</style>
|
||
<link href="assets/bootstrap.css" id="miami_bootstrap_css-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/style.css" id="miami_theme_css-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/icons.css" id="miami_icons_css-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/fonts/css/fontello.css" id="miami_fontello_css-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/dashicons.css" id="dashicons-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/fonticons/css/pe-icon-7-stroke.css" id="miami_pe_icons_css-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/helper.css" id="miami_pe_icons_helper_css-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/js_composer.css" id="js_composer_front-css" media="all" rel="stylesheet" type="text/css">
|
||
<script type="text/javascript">
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');__gaTracker('create','UA-43314654-1','auto',{'allowAnchor':true,'allowLinker':true});__gaTracker('set','forceSSL',true);__gaTracker('require','displayfeatures');__gaTracker('require','linkid','linkid.js');__gaTracker('send','pageview');
|
||
</script>
|
||
<script src="assets/jquery_004.js" type="text/javascript"></script>
|
||
<script src="assets/jquery-migrate.js" type="text/javascript"></script>
|
||
<script type="text/javascript">
|
||
var CrayonSyntaxSettings={"version":"2.7.1","is_admin":"0","ajaxurl":"http:\/\/www.themepunch.com\/wp-admin\/admin-ajax.php","prefix":"crayon-","setting":"crayon-setting","selected":"crayon-setting-selected","changed":"crayon-setting-changed","special":"crayon-setting-special","orig_value":"data-orig-value","debug":""};var CrayonSyntaxStrings={"copy":"Press %s to Copy, %s to Paste","minimize":"Click To Expand Code"};
|
||
</script>
|
||
<script src="assets/crayon.js" type="text/javascript"></script>
|
||
<script src="assets/lightbox.js" type="text/javascript"></script>
|
||
<script src="assets/jquery_009.js" type="text/javascript"></script>
|
||
<script src="assets/jquery.js" type="text/javascript"></script>
|
||
<script src="assets/jquery_007.js" type="text/javascript"></script>
|
||
<script src="assets/tp_ei-public.js" type="text/javascript"></script>
|
||
<script type="text/javascript">
|
||
var bajax_var={"url":"http:\/\/www.themepunch.com\/wp-admin\/admin-ajax.php","nonce":"bf726a2459","abs":"http:\/\/www.themepunch.com\/wp-content\/plugins\/tp_dl\/public\/"};
|
||
</script>
|
||
<script src="assets/tp_dl-public.js" type="text/javascript"></script>
|
||
<link href="http://www.themepunch.com/xmlrpc.php?rsd" rel="EditURI" title="RSD" type="application/rsd+xml">
|
||
<link href="http://cdntphome.themepunchgbr.netdna-cdn.com/wp-includes/wlwmanifest.xml" rel="wlwmanifest" type="application/wlwmanifest+xml">
|
||
<link href="http://www.themepunch.com/?p=6237" rel="shortlink">
|
||
<script type="text/javascript">
|
||
jQuery(document).ready(function(){var ajaxRevslider=function(obj){var content="";data={};data.action='revslider_ajax_call_front';data.client_action='get_slider_html';data.token='08d1c2c23b';data.type=obj.type;data.id=obj.id;data.aspectratio=obj.aspectratio;jQuery.ajax({type:"post",url:"http://www.themepunch.com/wp-admin/admin-ajax.php",dataType:'json',data:data,async:false,success:function(ret,textStatus,XMLHttpRequest){if(ret.success==true)
|
||
content=ret.data;},error:function(e){console.log(e);}});return content;};var ajaxRemoveRevslider=function(obj){return jQuery(obj.selector+" .rev_slider").revkill();};var extendessential=setInterval(function(){if(jQuery.fn.tpessential!=undefined){clearInterval(extendessential);if(typeof(jQuery.fn.tpessential.defaults)!=='undefined'){jQuery.fn.tpessential.defaults.ajaxTypes.push({type:"revslider",func:ajaxRevslider,killfunc:ajaxRemoveRevslider,openAnimationSpeed:0.3});}}},30);});
|
||
</script>
|
||
<meta content="Powered by Visual Composer - drag and drop page builder for WordPress." name="generator"><!--[if lte IE 9]><link
|
||
rel="stylesheet" type="text/css" href="http://cdntphome.themepunchgbr.netdna-cdn.com/wp-content/plugins/js_composer/assets/css/vc_lte_ie9.css" media="screen"><![endif]--><!--[if IE 8]><link
|
||
rel="stylesheet" type="text/css" href="http://cdntphome.themepunchgbr.netdna-cdn.com/wp-content/plugins/js_composer/assets/css/vc-ie8.css" media="screen"><![endif]-->
|
||
<script type="text/javascript">
|
||
/*<![CDATA[*/(function(url){if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){return;}
|
||
var addEvent=function(evt,handler){if(window.addEventListener){document.addEventListener(evt,handler,false);}else if(window.attachEvent){document.attachEvent('on'+evt,handler);}};var removeEvent=function(evt,handler){if(window.removeEventListener){document.removeEventListener(evt,handler,false);}else if(window.detachEvent){document.detachEvent('on'+evt,handler);}};var evts='contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' ');var logHuman=function(){var wfscr=document.createElement('script');wfscr.type='text/javascript';wfscr.async=true;wfscr.src=url+'&r='+Math.random();(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr);for(var i=0;i<evts.length;i++){removeEvent(evts[i],logHuman);}};for(var i=0;i<evts.length;i++){addEvent(evts[i],logHuman);}})('//www.themepunch.com/?wordfence_logHuman=1&hid=D1A71F598D87A566329A69C8F34E65EF');/*]]>*/
|
||
</script>
|
||
<meta content="Powered by Slider Revolution 5.0.5 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." name="generator"><noscript>
|
||
<style>
|
||
.wpb_animate_when_almost_visible{opacity:1}
|
||
</style></noscript>
|
||
<script async="" src="assets/count_002.js" type="text/javascript"></script>
|
||
<script async="" src="assets/a.js" type="text/javascript"></script>
|
||
<style type="text/css">
|
||
.esgbox-margin{margin-right:0px;}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="single single-revsliderjquery-doc postid-6237 single-cpt onepagermenu wpb-js-composer js-comp-ver-4.7 vc_responsive">
|
||
<style>
|
||
a{color:#e03301}.button:hover{border-color:#e03301;background:#e03301}.lightondark .button:hover{border-color:#e03301;background:#e03301}.lightondark .button.bordered:hover{border-color:#e03301;background:#e03301}.button.bordered:hover{border-color:#e03301;background:#e03301}.button.subtle:hover{border-color:#e03301;background:#e03301}.lightondark .button.subtle:hover{border-color:#e03301;background:#e03301}.button.highlight{border:2px
|
||
solid #e03301;background:#e03301}.lightondark ul.regularlist
|
||
a{color:#e03301}ul.speciallist li a:hover{color:#e03301}.lightondark ul.speciallist li a:hover{color:#e03301}.pricetable .priceitem.highlight
|
||
h3.pricetitle{background:#e03301}.lightondark .pricetable .priceitem.highlight
|
||
h3.pricetitle{background:#e03301}.simpleservice
|
||
.serviceicon{color:#e03301}.simpleservice.highlight{background:#e03301}.simpleservice.highlight:hover
|
||
.serviceicon{color:#e03301}.sidebar_widget.widget_nav_menu li.current_page_item
|
||
a{color:#e03301}.comment-reply-link.reply:hover{color:#e03301}.readmorebutton a:hover:after,.comment-reply-link.reply:hover:after{background:#e03301}.sharemainbutton:hover{background:#e03301;border:2px
|
||
solid #e03301}.lightondark input[type="submit"]:focus:hover{border:2px
|
||
solid #e03301}input[type="submit"]:hover{background:#e03301}.readmorebutton a:hover,.comment-reply-link.reply:hover{color:#e03301}.sticky .blog_post_title
|
||
a{color:#e03301}body,select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],#showbiz_moreportfolio_1 .showbiz-title,#showbiz_moreportfolio_1 a.showbiz-title,#showbiz_moreportfolio_1 a.showbiz-title:visited,#showbiz_moreportfolio_1 .excerpt,.sb-post-details,.sb-post-details span,.sb-post-details a,.sb-post-details a:visited,.sb-readmore,.sb-readmore span,.sb-readmore a,.sb-readmore a:visited{font-family:'Roboto',sans-serif}.esg-grid,.esg-selected-filterbutton{font-family:'Roboto',sans-serif !important}.ybg{background:#fff600;color:#000;margin:0px
|
||
5px}.ybgbig{background:#027EE1;color:#fff;margin:0px;font-size:18px;line-height:22px;padding:2px
|
||
5px;display:block;word-wrap:break-word;white-space:normal;max-width:100%}.ybgsub{background:#8a8f95;color:#fff;margin:0px;font-size:18px;line-height:22px;padding:2px
|
||
5px;display:block;word-wrap:break-word;white-space:normal;max-width:100%;padding-left:15px}.pkey{font-size:12px;display:inline-block;min-width:60px}.pval{font-size:12px;display:inline-block;font-weight:bold;word-wrap:break-word;white-space:normal;max-width:100%}.dval{background:#fff600;color:#000;display:inline-block;font-size:14px;padding:0px
|
||
5px;word-wrap:break-word;white-space:normal;max-width:100%}.deprec{background:#E03301;color:#fff;display:inline-block;font-size:14px;padding:0px
|
||
5px;word-wrap:break-word;white-space:normal;max-width:100%}.deprecbig{background:#E03301;color:#fff;display:block;font-size:18px;line-height:22px;padding:2px
|
||
5px;word-wrap:break-word;white-space:normal;max-width:100%}.pdetails{background:#DDE0E1;padding:10px
|
||
15px;display:block}.codeme{background:#DDE0E1;padding:15px
|
||
25px;display:block;color:#333}
|
||
</style><style>
|
||
#intern_content_inner_wrapper{max-width:100%}
|
||
</style>
|
||
|
||
<section id="miamitop">
|
||
</section>
|
||
|
||
<article id="bodywrapper">
|
||
<section class="withtp-media withcolor blankheader" id="header_background">
|
||
<div class="innerbgholder" style="background: transparent;">
|
||
</div>
|
||
</section>
|
||
|
||
<article class=
|
||
"withsidebar leftside blog_single_elements_center post-6237 revsliderjquery-doc type-revsliderjquery-doc status-publish hentry category_revsliderjquery-doc-5-0 category_revsliderjquery-doc-anatomy"
|
||
id="page-6237">
|
||
<section class="dark" id="content_inner_wrapper" style="margin:auto;width:100%;background-color:#f1f1f1">
|
||
<div id="intern_content_inner_wrapper" style="display:table; width:100%;margin:auto;">
|
||
<section id="content-container">
|
||
<div class="topspacer" style="height:70px;">
|
||
</div>
|
||
|
||
<article class="dark" id="page-title-wrapper">
|
||
<section class="container-fluid titleincontent hb_inner_wrapper" style="max-width:100%">
|
||
<section class="page_title_outter_wrapper" style="width:100%">
|
||
<h1 class="textalignleft parallaxpgtitle dark" id="pagetitle" style="margin-top:40px;">Slider Settings Overview</h1>
|
||
</section>
|
||
</section>
|
||
</article>
|
||
|
||
<div class="sbr-contentwrapper">
|
||
<section class="tp_vc_mw_rowwrapper" style="z-index:1;">
|
||
<article class="tp_vc_mw_rowinner dark title_media_wrapper_row" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid title_media_wrapper_row vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<div class="blog_post_meta_container">
|
||
<div class="blog_post_meta_line">
|
||
<span class="blog_post_meta_categories">5.0, Anatomy</span><span class="blog_post_meta_date">07.15.2015</span><span class=
|
||
"blog_post_meta_author">Krisztian</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-between" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -10.346%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<div class="sbr-textwrapper">
|
||
<section class="tp_vc_mw_rowwrapper" style="z-index:2;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<ul class="regularlist">
|
||
<li>
|
||
<i class="pe-7s-study"></i>
|
||
|
||
<div>
|
||
This capital gives you an overview of all settings you can define via the Initialisation script. The Options are optional,
|
||
and in some cases work only in connection with each other.
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<i class="pe-7s-comment"></i>
|
||
|
||
<div>
|
||
Undefined options will use the Default values preset via the Slider Revolution Plugin. In this capital you will not find
|
||
any individual settings of Layers, Slides, Static Layers. Those settings will be introduced later in this documentation.
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<i class="pe-7s-info"></i>
|
||
|
||
<div>
|
||
Most options are over-worked in version 5.0 and are different than in version 4.0. In case you update from version 4.x, we
|
||
strongly recommend to read our Capital later about the Update paths and changes.
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-between" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style=
|
||
"height: 150%; top: -18.207%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="layoutandsize" style="z-index:3;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h4>Options</h4>
|
||
|
||
<h5 class="subdirectory">Layout and Size</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-between" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style=
|
||
"height: 150%; top: -23.8239%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="sliderType" style="z-index:4;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">sliderType</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">standard, carousel, hero</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘standard’</span><br></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Defines the Type of the Slider which can be:</p>
|
||
|
||
<ul>
|
||
<li>standard – Regular Slider with unlimited amount of slides, 1 Slide is focused and visible in the same time</li>
|
||
|
||
<li>carousel – A horizontal carousel where unlimited amount of slides can be defined. 1 Slide is focused, more
|
||
slide visible in the same time.</li>
|
||
|
||
<li>hero – Typical Hero Block usage with animated layers, where only 1 Slide is defined and visible.</li>
|
||
</ul>
|
||
|
||
<p>See Also at <a href="slider.html#slidertype" target=
|
||
"_blank">SliderTypes</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-between" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style=
|
||
"height: 150%; top: -29.7502%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="sliderLayout" style="z-index:5;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">sliderLayout</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">auto, fullwidth, fullscreen</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘auto’</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Defines the Layout of the Slider which can be:</p>
|
||
|
||
<ul>
|
||
<li>auto – slider will always fill the wrapping container horizontal, following any horizontal sizes. Height
|
||
of slider will be calculated based on the Grid Sizes and current browser size. Max. height of Slider will be equal to
|
||
the current gridheight. (Except autoHeight or minHeight is set)</li>
|
||
|
||
<li>fullwidth – slider will always fill the full width of the browser, independent of the wrapping containers
|
||
width. Height of slider will be calculated based on the Grid Sizes and current browser size. Max. height of Slider
|
||
will be equal to the current gridheight. (Except autoHeight or minHeight is set)</li>
|
||
|
||
<li>fullscreen – slider width and height will follow the exact width and height of the Browser size. Negative
|
||
offsets can be defined via fullscreenOffsetContainer and fullscreenOffset options.</li>
|
||
</ul>
|
||
|
||
<p>See also at <a href="slider.html#sliderlayout" target="_blank">Slider
|
||
Layouts.</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-between" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style=
|
||
"height: 150%; top: -36.8917%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="responsiveLevels" style="z-index:6;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">responsiveLevels</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer / Array of Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">4096</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Breakpoint(s) for Display Types. If only 1 Value is defined, breakpoint will be ignored, and all elements
|
||
will linear resize within the slides.</p>
|
||
|
||
<p>To get 4 different Layouts for the 4 Display Types (Desktop, notebook, table and mobile) define this value as an Array
|
||
i.e. <span class="dval">[2048,1024,778,480]</span>.</p>
|
||
|
||
<p>Every time Browser Size shrinks, the next best Layout type will picked and the Layer Grid and all Multi Level defined
|
||
Elements will be redrawn with the next best layout. This allows you to create a perfect Layout
|
||
for the different Display types.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-between" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style=
|
||
"height: 150%; top: -44.6475%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="gridwidth" style="z-index:7;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">gridwidth</span><span class="pdetails"><span class="pkey">Type:</span><span class="pval">Integer /
|
||
Array of Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">1200</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>This value(s) define the Layer Grids Width. Layer Grid is the parent container of all layers within a Slide. This will
|
||
not define the max width of the Slider, but the max width of the Layers container which is always horizontal centered
|
||
within the slider.</p>
|
||
|
||
<p><strong>Value can be:</strong>
|
||
</p>
|
||
|
||
<ul>
|
||
<li>a single Number for 1 level Responsive behavior or</li>
|
||
|
||
<li>an array of numbers (4 Value in an array i.e. <span class="dval">[1200,860,760,460]</span>). for a 4 level
|
||
Responsive behavior where the 4 Sizes defines the 4 different Display size for Desktop, Notebook,
|
||
Tablets and Mobiles.</li>
|
||
</ul>
|
||
|
||
<p>If the value is defined as an Array, the Layer Grid size will pick the size from the Array based on the the Current
|
||
Browser Width and the suitable value from the <strong>responsiveLevels</strong>.</p>
|
||
|
||
<p>Read more about <a href="slider.html#slidersize" target=
|
||
"_blank">here.</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="gridheight" style="z-index:8;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">gridheight</span><span class="pdetails"><span class="pkey">Type:</span><span class="pval">Integer /
|
||
Array of Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">700</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>This value(s) define the Layer Grids Height. Layer Grid is the parent container of all layers within a Slide. This will
|
||
define the max height of the Slider also, if options like minHeight or autoHeight not set, and sliderLayout is
|
||
not set to fullscreen.</p>
|
||
|
||
<p><strong>Value can be:</strong>
|
||
</p>
|
||
|
||
<ul>
|
||
<li>a single Number for 1 level Responsive behavior or</li>
|
||
|
||
<li>an array of numbers (4 Value in an array i.e. <span class="dval">[650,500,450,350]</span>). for a 4 level
|
||
Responsive behavior where the 4 Sizes defines the 4 different Display size for Desktop, Notebook,
|
||
Tablets and Mobiles.</li>
|
||
</ul>
|
||
|
||
<p>If the value is defined as an Array, the Layer Grid size will pick the height from the Array based on the the
|
||
Current Browser Width and the suitable value from the <strong>responsiveLevels</strong>.</p>
|
||
|
||
<p>Read more about <a href="slider.html#slidersize" target=
|
||
"_blank">here.</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="autoHeight" style="z-index:9;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">autoHeight</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">on,off</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘off’</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>If value set to “on”, Slider height will respect the gridwidth/gridheight defined Aspect Ratio, and will always
|
||
set the Slider Sizes to keep the same aspect ratio at any browsersize. Layer Grid will be always vertically and
|
||
horizontally centered.</p>
|
||
|
||
<p>Read more about <a href="slider.html#aspectratio" target=
|
||
"_blank">here.</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="minHeight" style="z-index:10;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">minHeight</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">0</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Defines the minimum height of the Slider (global). If Layer Grid shrinks under this value, the Slider will keep this
|
||
height and will center the Layer Grid vertically within the Slider.</p>
|
||
|
||
<p>Read more about <a href="slider.html#minimumheight" target=
|
||
"_blank">here.</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="fullScreenAlignForce" style="z-index:11;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprecbig">fullScreenAlignForce<br></span> <span class="pdetails"><span class=
|
||
"pkey">Type:</span><span class="pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">class,id</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘off’</span></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprec">Deprecated</span> Allows to align layers relative to the Slider instead of relative to the Layers
|
||
Grid. This option will be removed from 5.2.<br>
|
||
Instead of using global options for Align forces, please use the Layer based settings like <span class=
|
||
"dval">data-basealign=”slide”</span> per Layer.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="fullScreenOffsetContainer" style="z-index:12;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">fullScreenOffsetContainer</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">class,id</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">”</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>The Fullscreen Slider’s height will be reduced with the height of the containers which is defined in list form due this
|
||
parameter. i.e. <span class="dval">‘.header, #logo, .menu.top’</span> The heights are calculated on demand, and in
|
||
case they are dynamically changed, some revapi method revredraw() should be called to refresh the calculation of the Slider
|
||
height.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="fullScreenOffset" style="z-index:13;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">fullScreenOffset</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px,%</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘0’</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>The Fullscreen Slider’s height will be reduced/increased with the the value defined via this parameter. Value can
|
||
be px or % . i.e. <span class="dval">“20%”</span> will reduce the height of the fullscreen slider with the current browser
|
||
height * 0.2;</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-30" id="Progressing" style="z-index:14;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Progressing</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="delay" style="z-index:15;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">delay</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">ms</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">9000</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Value is in milliseconds. Describes the default (global) length of the slides in ms. Slides length can be
|
||
individually set via the data-delay attributes. In case the slide has no individual length, it will pick this value.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="disableProgressBar" style="z-index:16;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">disableProgressBar</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">on,off</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘off’</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>If value set to ‘off’ the Progressbar will be shown. To hide the Progress Bar set this option to ‘on’.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="startDelay" style="z-index:17;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">startDelay</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">ms</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">0</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Wait with starting the first animation after the slider has been loaded. 1000 will wait 1sec before the slider starts.
|
||
Useful option for manipulate the DOM before the slider starts.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="stopAfterLoops" style="z-index:18;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">stopAfterLoops</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">-1 – 99</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">-1</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Auto Play stop after the Slider has been looped “x” time, which is defined via this parameter. -1 will ignore
|
||
the option. First Loop is 0. To Stop the Slider in the First Loop at Slide 3 use <span class=
|
||
"dval">stopAfterLoops:0, stopAtSlide:2</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="stopAtSlide" style="z-index:19;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">stopAtSlide</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">-1 – Max. Slide Amount</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">-1</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Auto Play stop at Slide Nr. “x” which is defined via this parameter. -1 will ignore this parameter. First Index of Slide
|
||
is 0. To Stop the Slider in the First Loop at Slide 3 use <span class="dval">stopAfterLoops:0, stopAtSlide:2</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="viewPort" style="z-index:20;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">viewPort</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">enable</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Boolean</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">true,false</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">false</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">outof</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'wait','pause'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'wait'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">visible_area</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'60%'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'60%'</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>
|
||
</p>
|
||
<link href="assets/themepunch.css" rel="stylesheet" type="text/css">
|
||
<link href="assets/monaco.css" rel="stylesheet" type="text/css">
|
||
|
||
<div class="crayon-syntax crayon-theme-themepunch crayon-font-monaco crayon-os-mac print-yes notranslate crayon-wrapped"
|
||
data-settings=" minimize scroll-mouseover wrap" id="crayon-55e9a0943f52c205165748" style=
|
||
"margin-top: 12px; margin-bottom: 12px; font-size: 14px ! important; line-height: 30px ! important; height: auto;">
|
||
<div class="crayon-plain-wrap">
|
||
<textarea class="crayon-plain print-no" data-settings="" readonly="readonly" style=
|
||
"-moz-tab-size: 4; font-size: 14px ! important; line-height: 30px ! important; z-index: 0; opacity: 0; overflow: hidden;">
|
||
|
||
viewPort:{
|
||
enable:false,
|
||
outof:'wait',
|
||
visible_area:'60%'
|
||
}
|
||
</textarea>
|
||
</div>
|
||
|
||
<div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;">
|
||
<table class="crayon-table"><tbody><tr class="crayon-row"><td class="crayon-nums " data-settings="show"><div class="crayon-nums-content" style="font-size: 14px !important; line-height: 30px !important;"><div class="crayon-num" data-line="crayon-55eebb28c3c96103474733-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3c96103474733-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebb28c3c96103474733-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3c96103474733-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebb28c3c96103474733-5" style="height: 30px;">5</div></div></td><td class="crayon-code"><div class="crayon-pre" style="font-size: 14px !important; line-height: 30px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-55eebb28c3c96103474733-1"><span class="crayon-k ">viewPort:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3c96103474733-2"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-i "> enable</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebb28c3c96103474733-3"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-i "> outof</span><span class="crayon-sy">:</span><span class="crayon-s">'wait'</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3c96103474733-4"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-i "> visible_area</span><span class="crayon-sy">:</span><span class="crayon-s">'60%'</span></div><div class="crayon-line" id="crayon-55eebb28c3c96103474733-5"><span class="crayon-sy">}</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p>if <strong>enable</strong> set to <strong>false</strong>, the slider starts to play after it has been loaded and
|
||
initialised. Independent if the slider is within the Visible Area of the Document or not. To stop this
|
||
behavior, you can set the <strong>enable</strong> parameter to <strong>true</strong> and choose between two handlings
|
||
via the <strong>outof</strong> parameter:</p>
|
||
|
||
<p><strong>Wait</strong> will only first time trigger the Slider. In case the Slider is not visible during / after the
|
||
Document loaded, the slider will wait till the Slider becomes in Visible Position. Once the Slider is triggered to
|
||
play, it will not stop again, even if the slider is not in the viewport.</p>
|
||
|
||
<p><strong>Pause</strong> similar to the wait behavior, however the slider will stop every time the Slider is out of
|
||
the visible area.</p>
|
||
|
||
<p>To define how many percent of the Slider must be visible before it starts, you can use the
|
||
<strong>visible_area</strong> parameter. 100% means, the full slider must be in the visible area before it starts, and 20%
|
||
will start the slider already after 20% of the slider becomes visible.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="lazyloading" style="z-index:21;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Lazy Loading</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="lazyType" style="z-index:22;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">lazyType</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">‘full’,’smart’,’single’,’none’</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘smart’</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>The art to load the images within the slides and navigation containers. You can choose between the following
|
||
parameters:</p>
|
||
|
||
<ul>
|
||
<li><strong>all</strong> – Load all image element in a sequence at the initialisation. This will boost up the loading
|
||
of your page, and will preload all images to have a smooth and breakless run already in the first loop.</li>
|
||
|
||
<li><strong>smart</strong> – It will load the page as quick as possible, and load only the current and neighbour slide
|
||
elements. If slide is called which not loaded yet, will be loaded on demand with minimal delays</li>
|
||
|
||
<li><strong>single</strong> – It will load only the the start slide. Any other slides will be loaded on demand.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="appandvis" style="z-index:23;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Appearance and Visibility</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="dottedOverlay" style="z-index:24;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">dottedOverlay</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">twoxtwo, threexthree, twoxtwowhite, threexthreewhite</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘none’</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>A Default overlay on slides. It will create a dotted transparent overlay under the layers, over the slides. We recommend
|
||
to ignore this feature, and create fullscreen layers with background images instead of this to be able to self drive the
|
||
z-index and position of overlays.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="shadowType" style="z-index:25;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">shadow</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">0,1,2,3,4,5,6</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">0</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Shadow type which will be drawn via jQuery and css on demand. We strongly recommend to set a colored background for the
|
||
class rev_slider_wrapper to get a clean and smooth shadow effect below/behind your slider.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="spinnerType" style="z-index:26;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">spinner</span><span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">spinner0, spinner1, spinner2…</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">spinner0</span></span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Loader (“spinner”) Type. You can choose between “off”, “spinner0”, “spinner1″,”spinner2”, “spinner3”, “spinner4”,
|
||
“spinner5”.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="hideAllCaptionAtLimit" style="z-index:27;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprecbig">hideAllCaptionAtLimit<br></span> <span class="pdetails"><span class=
|
||
"pkey">Type:</span><span class="pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">0</span></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprec">Deprecated</span> Defines a Global parameter to hide all layers if the browser width is
|
||
smaller than this parameter value.</p>
|
||
|
||
<p>We recommend to use instead of the option the data-visibility=”[‘on’,’on’,’off’,’off’]” if responsiveLevels defined via
|
||
Array. This way you can set for any Layer on which Display type should be visible.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="hideCaptionAtLimit" style="z-index:28;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprecbig">hideCaptionAtLimit<br></span> <span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">0</span></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprec">Deprecated</span> Defines a Global parameter to hide certain layers if the browser width is smaller
|
||
than this parameter value. Layers with the data-captionhidden=”on” attribute will act on this setting.</p>
|
||
|
||
<p>We recommend to use instead of the option the data-visibility=”[‘on’,’on’,’off’,’off’]” if responsiveLevels defined via
|
||
Array. This way you can set for any Layer on which Display type should be visible.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="hideSliderAtLimit" style="z-index:29;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprecbig">hideSliderAtLimit<br></span> <span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Integer</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">px</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">0</span></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="deprec">Deprecated</span> Defines a Global parameter to hide the Slider if the browser width is
|
||
smaller than this parameter value. Slider will stop and will be hidden until the screen width gets bigger then the
|
||
parameter value.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="generalsettings" style="z-index:30;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">General Settings</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="debugMode" style="z-index:31;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">debugMode<br></span> <span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">Boolean</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">false,true</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">false</span></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Turns on the Frontend Debug mode, which allows you to see the Layer Grid and on hover the Layer parameters. This
|
||
is a new feature which will be extended with many useful options in later versions.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="extensions" style="z-index:32;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">extensions<br></span> <span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">‘extensions/’</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘extensions/’</span></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Slider Revolution is a module based jQuery plugin. It loads only the core first, and any other extensions will be loaded
|
||
due the core from the extension library on demand.</p>
|
||
|
||
<p>As default the libraries are in the <strong>revolution/js/extensions</strong> folder minimised and in the
|
||
<strong>revolution/js/extensions/source</strong> folder in row format. Slider Revolution will look for this libraries
|
||
relative to the Plugin Core (jquery.themepunch.revolution.min.js) library which is in the
|
||
<strong>revolution/js</strong> folder.</p>
|
||
|
||
<p>Dont forget to set the <strong>extensions_suffix</strong> as well based on if you want to load minimized or row formats
|
||
!</p>
|
||
|
||
<p><strong>Note !</strong> On Local filesystems, without Local servers you will need to load the Libraries manually due the
|
||
<script> tags. On local filesystems the Ajax Load process will break due Cross Domain Policy issues.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="extensions_suffix" style="z-index:33;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p><span class="ybgbig">extensions_suffix<br></span> <span class="pdetails"><span class="pkey">Type:</span><span class=
|
||
"pval">String</span><br>
|
||
<span class="pkey">Value:</span><span class="pval">‘.min.js/’</span><br>
|
||
<span class="pkey">Default:</span><span class="dval">‘.min.js’</span></span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>Slider Revolution is a module based jQuery plugin. It loads only the core first, and any other extensions will be loaded
|
||
due the Core on demand.</p>
|
||
|
||
<p>As default the libraries are in the <strong>revolution/js/extensions</strong> folder minimised and in the
|
||
<strong>revolution/js/extensions/source</strong> folder in row format. Slider Revolution will look for this libraries
|
||
relative to the Plugin Core (jquery.themepunch.revolution.min.js) library which is in the
|
||
<strong>revolution/js</strong> folder.</p>
|
||
|
||
<p>With this parameter you can set up if you wish to load the extensions in row format or in minimised format.</p>
|
||
|
||
<p>Dont forget to set the <strong>extensions</strong> as well based on if you want to load minimized or row formats
|
||
!</p>
|
||
|
||
<p><strong>Note !</strong> On Local filesystems, without Local servers you will need to load the Libraries manually due the
|
||
<script> tags. On local filesystems the Ajax Load process will break due Cross Domain Policy issues.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="fallbacks" style="z-index:34;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">fallbacks</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">panZoomDisableOnMobile</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'off'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">simplifyAll</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'on'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">nextSlideOnWindowFocus</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'off'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">disableFocusListener</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Boolean</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">true,false</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">true</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>
|
||
</p>
|
||
<link href="assets/themepunch.css" rel="stylesheet" type="text/css">
|
||
<link href="assets/monaco.css" rel="stylesheet" type="text/css">
|
||
|
||
<div class="crayon-syntax crayon-theme-themepunch crayon-font-monaco crayon-os-mac print-yes notranslate crayon-wrapped"
|
||
data-settings=" minimize scroll-mouseover wrap" id="crayon-55e9a0943f544513156911" style=
|
||
"margin-top: 12px; margin-bottom: 12px; font-size: 14px ! important; line-height: 30px ! important; height: auto;">
|
||
<div class="crayon-plain-wrap">
|
||
<textarea class="crayon-plain print-no" data-settings="" readonly="readonly" style=
|
||
"-moz-tab-size: 4; font-size: 14px ! important; line-height: 30px ! important; z-index: 0; opacity: 0; overflow: hidden;">
|
||
|
||
fallbacks:{
|
||
panZoomDisableOnMobile:"off",
|
||
simplifyAll:"on",
|
||
nextSlideOnWindowFocus:"off",
|
||
disableFocusListener:true
|
||
}
|
||
</textarea>
|
||
</div>
|
||
|
||
<div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;">
|
||
<table class="crayon-table"><tbody><tr class="crayon-row"><td class="crayon-nums " data-settings="show"><div class="crayon-nums-content" style="font-size: 14px !important; line-height: 30px !important;"><div class="crayon-num" data-line="crayon-55eebb28c3cbd723176507-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cbd723176507-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebb28c3cbd723176507-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cbd723176507-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebb28c3cbd723176507-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cbd723176507-6" style="height: 30px;">6</div></div></td><td class="crayon-code"><div class="crayon-pre" style="font-size: 14px !important; line-height: 30px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-55eebb28c3cbd723176507-1"><span class="crayon-k ">fallbacks:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cbd723176507-2"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-e ">panZoomDisableOnMobile</span><span class="crayon-sy">:</span><span class="crayon-s">"off"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3cbd723176507-3"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-e ">simplifyAll</span><span class="crayon-sy">:</span><span class="crayon-s">"on"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cbd723176507-4"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-e ">nextSlideOnWindowFocus</span><span class="crayon-sy">:</span><span class="crayon-s">"off"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3cbd723176507-5"><span class="crayon-h"> </span><span class="crayon-e ">disableFocusListener</span><span class="crayon-sy">:</span><span class="crayon-i ">true</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cbd723176507-6"><span class="crayon-sy">}</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p> </p>
|
||
|
||
<p><strong>panZoomDisableOnMobile</strong> set to on will disable the Pan Zoom effects on Mobile devices.</p>
|
||
|
||
<p><strong>simplifyAll</strong> is <span class="deprec">Deprecated</span> and will only work limited. Basically it will
|
||
turn complex animations on old IE versions and old iOS to fade effects. Furthermore it use the GreenSock lagSmoothing
|
||
option to avoid frame dropping on slower devices.</p>
|
||
|
||
<p><strong>nextSlidenWindowFocus</strong> allow to swap a slide on focusing the Browser Tab after once it was blurred.
|
||
It can be useful in case some time outs break due complex layer animations in the slide. (Can have a very odd
|
||
negative Effect on Firefox, where resize event also trigger Focus events)</p>
|
||
|
||
<p><strong>disableFocusListener</strong> will disable any Focus/Blur events on Browsers and Browser Tabs. Disabling
|
||
this feature will ignore the Process to stop Ken Burns effect and Slider Timer by leaving the Browser Tab.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="parallaxsettings" style="z-index:35;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Parallax Settings</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="parallax" style="z-index:36;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:30px">
|
||
</div>
|
||
|
||
<div class="vc_row wpb_row vc_inner vc_row-fluid">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">parallax</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">type</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'off','mouse','scroll','mouse+scroll'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'off'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">levels</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Array</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">[10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85]</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">[10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85]</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">origo</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'slidercenter','enterpoint'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'enterpoint'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">speed</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Integer</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">ms</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">400</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">bgparallax</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'on'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">disable_onmobile</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'off'</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>
|
||
</p>
|
||
<link href="assets/themepunch.css" rel="stylesheet" type="text/css">
|
||
<link href="assets/monaco.css" rel="stylesheet" type="text/css">
|
||
|
||
<div class="crayon-syntax crayon-theme-themepunch crayon-font-monaco crayon-os-mac print-yes notranslate crayon-wrapped"
|
||
data-settings=" minimize scroll-mouseover wrap" id="crayon-55e9a0943f54c870293749" style=
|
||
"margin-top: 12px; margin-bottom: 12px; font-size: 14px ! important; line-height: 30px ! important; height: auto;">
|
||
<div class="crayon-plain-wrap">
|
||
<textarea class="crayon-plain print-no" data-settings="" readonly="readonly" style=
|
||
"-moz-tab-size: 4; font-size: 14px ! important; line-height: 30px ! important; z-index: 0; opacity: 0; overflow: hidden;">
|
||
|
||
parallax:{
|
||
type:"on",
|
||
levels:[5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85],
|
||
origo:"enterpoint",
|
||
speed:400,
|
||
bgparallax:"on",
|
||
disable_onmobile:"off"
|
||
}
|
||
</textarea>
|
||
</div>
|
||
|
||
<div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;">
|
||
<table class="crayon-table" style=""><tbody><tr class="crayon-row"><td class="crayon-nums " data-settings="show"><div class="crayon-nums-content" style="font-size: 14px !important; line-height: 30px !important;"><div class="crayon-num" data-line="crayon-55eebb28c3ccb358348613-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3ccb358348613-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebb28c3ccb358348613-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3ccb358348613-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebb28c3ccb358348613-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3ccb358348613-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebb28c3ccb358348613-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3ccb358348613-8" style="height: 30px;">8</div></div></td><td class="crayon-code"><div class="crayon-pre" style="font-size: 14px !important; line-height: 30px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-55eebb28c3ccb358348613-1"><span class="crayon-k ">parallax:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3ccb358348613-2"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-e ">type</span><span class="crayon-sy">:</span><span class="crayon-s">"on"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3ccb358348613-3"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-e ">levels</span><span class="crayon-sy">:</span><span class="crayon-i ">[5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85],</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3ccb358348613-4"><span class="crayon-i "> </span><span class="crayon-h"> </span><span class="crayon-e ">origo</span><span class="crayon-sy">:</span><span class="crayon-s">"enterpoint"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3ccb358348613-5"><span class="crayon-h"> </span><span class="crayon-e ">speed</span><span class="crayon-sy">:</span><span class="crayon-i ">400,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3ccb358348613-6"><span class="crayon-h"> </span><span class="crayon-e ">bgparallax</span><span class="crayon-sy">:</span><span class="crayon-s">"on"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3ccb358348613-7"><span class="crayon-h"> </span><span class="crayon-e ">disable_onmobile</span><span class="crayon-sy">:</span><span class="crayon-s">"off"</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3ccb358348613-8"><span class="crayon-sy">}</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p> </p>
|
||
|
||
<p><strong>type</strong> defines the Event type of the Parallax sensibility.</p>
|
||
|
||
<ul>
|
||
<li>off – No Parallax Effect enabled Globally</li>
|
||
|
||
<li>mouse – elements will follow the mouse pointer movements over the sliders</li>
|
||
|
||
<li>scroll – elements will follow the scroll positions</li>
|
||
|
||
<li>scroll+mouse – elements will vertical follow the scroll positions, and horizontal follow the mouse positions</li>
|
||
</ul>
|
||
|
||
<p><strong>levels</strong> defines an array of distances. This is a reference Table, so you dont need to set up layer
|
||
to layer the distance strengths. This way you can globally change the parallax effect strengths. Let say Layer
|
||
“a” has the parallax level 5. In our example it becomes a parallax strength of “25”. Means the maximum
|
||
distance of effect will be 25px in one direction. All Layers and Slide Backgrounds can have different Parallax Level
|
||
references to build a nice multi dimensional effect.</p>
|
||
|
||
<p><strong>origo</strong> defines the calculation base of the parallax direction and distances.</p>
|
||
|
||
<ul>
|
||
<li>slidercenter – distance between mouse and slider center will be calculated. The outter side of slider is -100% /
|
||
100% and the center is 0%. Elements will be transformed like “distance percent” * “responsive strength of
|
||
element” in vertical and horizontal direction</li>
|
||
|
||
<li>enterpoint – distance between mouse enter point and current mouse point will be calculated. Elements will be
|
||
transformed like “distance percent” * “responsive strength of element” in vertical and horizontal direction</li>
|
||
</ul>
|
||
|
||
<p><strong>speed</strong> – the speed of the position transform of element. 400 will move the elements in 0.4s.</p>
|
||
|
||
<p><strong>bgparallax</strong> – allows to general disable/enable Background Parallax effects. Still, you
|
||
will need to set the Parallax Effect per Slide Background</p>
|
||
|
||
<p><strong>disable_onmobile</strong> – disable Parallax Effect on mobiles for better Performance and smoother
|
||
effects.</p>
|
||
|
||
<p> </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" data-offset="-50" id="carouselsettings" style="z-index:37;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-12">
|
||
<div class="wpb_wrapper">
|
||
<div class="" style="display:block;clear:both;height:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Carousel Settings</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" id="carouselsettings" style="z-index:38;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">carousel</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">horizontal_align</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'left','right','center'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'center'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">vertical_align</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'top','bottom','center'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'center'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">infinity</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'on'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">space</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Integer</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">pixel</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">maxVisibleItems</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Integer</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Amount</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">3</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">stretch</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'off'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">fadeout</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'on'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">maxRotation</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Integer</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Degree</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">minScale</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Integer</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Percentage</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">vary_fade</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'off'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">vary_rotation</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'on'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">vary_scale</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">'on','off'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'off'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">border_radius</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">String</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Pixel</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'0px'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">padding_top</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Integer</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Pixel</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">padding_bottom</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Integer</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Pixel</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-8">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_text_column wpb_content_element">
|
||
<div class="wpb_wrapper">
|
||
<p>
|
||
</p>
|
||
<link href="assets/themepunch.css" rel="stylesheet" type="text/css">
|
||
<link href="assets/monaco.css" rel="stylesheet" type="text/css">
|
||
|
||
<div class="crayon-syntax crayon-theme-themepunch crayon-font-monaco crayon-os-mac print-yes notranslate crayon-wrapped" data-settings=
|
||
" minimize scroll-mouseover wrap" id="crayon-55e9a0943f554088836936" style=
|
||
"margin-top: 12px; margin-bottom: 12px; font-size: 14px ! important; line-height: 30px ! important; height: auto;">
|
||
<div class="crayon-plain-wrap">
|
||
<textarea class="crayon-plain print-no" data-settings="" readonly="readonly" style=
|
||
"-moz-tab-size: 4; font-size: 14px ! important; line-height: 30px ! important; z-index: 0; opacity: 0; overflow: hidden;">
|
||
carousel:{
|
||
horizontal_align : "center",
|
||
vertical_align : "center",
|
||
infinity : "on",
|
||
space : 0,
|
||
maxVisibleItems : 3,
|
||
stretch:"off",
|
||
fadeout:"on",
|
||
maxRotation:0,
|
||
minScale:0,
|
||
vary_fade:"off",
|
||
vary_rotation:"on",
|
||
vary_scale:"off",
|
||
border_radius:"0px",
|
||
padding_top:0,
|
||
padding_bottom:0
|
||
}
|
||
</textarea>
|
||
</div>
|
||
|
||
<div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;">
|
||
<table class="crayon-table" style=""><tbody><tr class="crayon-row"><td class="crayon-nums " data-settings="show"><div class="crayon-nums-content" style="font-size: 14px !important; line-height: 30px !important;"><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-8" style="height: 30px;">8</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-9" style="height: 30px;">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-10" style="height: 30px;">10</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-11" style="height: 30px;">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-12" style="height: 30px;">12</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-13" style="height: 30px;">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-14" style="height: 30px;">14</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-15" style="height: 30px;">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebb28c3cd8633887400-16" style="height: 30px;">16</div><div class="crayon-num" data-line="crayon-55eebb28c3cd8633887400-17" style="height: 30px;">17</div></div></td><td class="crayon-code"><div class="crayon-pre" style="font-size: 14px !important; line-height: 30px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-1"><span class="crayon-k ">carousel:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-2"><span class="crayon-h"> </span><span class="crayon-e ">horizontal_align</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-3"><span class="crayon-h"> </span><span class="crayon-e ">vertical_align</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-4"><span class="crayon-h"> </span><span class="crayon-e ">infinity</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"on"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-5"><span class="crayon-h"> </span><span class="crayon-e ">space</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">0,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-6"><span class="crayon-h"> </span><span class="crayon-e ">maxVisibleItems</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">3,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-7"><span class="crayon-h"> </span><span class="crayon-e ">stretch</span><span class="crayon-sy">:</span><span class="crayon-s">"off"</span><span class="crayon-i ">,</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-8"><span class="crayon-h"> </span><span class="crayon-e ">fadeout</span><span class="crayon-sy">:</span><span class="crayon-s">"on"</span><span class="crayon-i ">,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-9"><span class="crayon-h"> </span><span class="crayon-e ">maxRotation</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-10"><span class="crayon-h"> </span><span class="crayon-e ">minScale</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-11"><span class="crayon-h"> </span><span class="crayon-e ">vary_fade</span><span class="crayon-sy">:</span><span class="crayon-s">"off"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-12"><span class="crayon-h"> </span><span class="crayon-e ">vary_rotation</span><span class="crayon-sy">:</span><span class="crayon-s">"on"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-13"><span class="crayon-h"> </span><span class="crayon-e ">vary_scale</span><span class="crayon-sy">:</span><span class="crayon-s">"off"</span><span class="crayon-i ">,</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-14"><span class="crayon-h"> </span><span class="crayon-e ">border_radius</span><span class="crayon-sy">:</span><span class="crayon-s">"0px"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-15"><span class="crayon-h"> </span><span class="crayon-e ">padding_top</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebb28c3cd8633887400-16"><span class="crayon-h"> </span><span class="crayon-e ">padding_bottom</span><span class="crayon-sy">:</span><span class="crayon-i ">0</span></div><div class="crayon-line" id="crayon-55eebb28c3cd8633887400-17"><span class="crayon-sy">}</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p> </p>
|
||
|
||
<p><strong>horizontal_align</strong> defines the Event type of the Parallax sensibility.</p>
|
||
|
||
<ul>
|
||
<li>left- Align Elements to the left. 1st Carousel Item will show on the left side</li>
|
||
|
||
<li>center – Align Elements to the center. 1st Carousel Item will show on the middle. Left to it the Last element, Right to it the
|
||
3nd element.</li>
|
||
|
||
<li>right – Align Elements to the right. 1st Carousel Item will show on the right side</li>
|
||
</ul>
|
||
|
||
<p><strong>infinity</strong> If it is set to “on”, the carousel is in Infinity mode, and it will loop through. If it is set to
|
||
“off” the carousel will not allow to go to previous element if 1st item is active, and will not allow to go to next element if last
|
||
item is active.</p>
|
||
|
||
<p><strong>space</strong> the space in px. between the carousel elements.</p>
|
||
|
||
<p><strong>maxVisibleItems</strong> the max amount of visible items in the same time in a carousel. All other elements are hidden
|
||
till they come into viewport / focus.</p>
|
||
|
||
<p><strong>stretch</strong> on/off – stretch the focused element to the full width of the wrapping container. use this if
|
||
you wish to see only 1 Element in the same time in the carousel.</p>
|
||
|
||
<p><strong>fadeout</strong> on/off – auto fades in/out the elements if they come/leave the visible range. Depends on
|
||
the maxVisibleItems option. If vary_fade set to on, all not focused element will be faded where the fade strength is depending on the
|
||
distance to the focused element.</p>
|
||
|
||
<p><strong>maxRotation</strong> a value in degree. If the value is different than 0, the not focused elements will be rotated
|
||
depending on the distance to the focused element. If vary_rotation set to off, only the leaving/coming element will be rotated.</p>
|
||
|
||
<p><strong>minScale</strong> a value in perpercentage. If the value is different than 0, the not focused elements will be
|
||
scaled depending on the distance to the focused element. If vary_scale set to off, only the leaving/coming element will be
|
||
scaled.</p>
|
||
|
||
<p><strong>vary_fade, vary_rotation, vary_scale</strong> on/off – if these settings set to on, the elements are transformed based
|
||
on the distance to the focused element, other way only the leaving/coming element is transformed</p>
|
||
|
||
<p><strong>borderRadius</strong> a value in px. The border radius of the elements. This should be a String like “0px” or “5px
|
||
5px 10px 10px”</p>
|
||
|
||
<p><strong>padding_top, padding_bottom</strong> Space above and below the carousel, to get space to navigation and wrapper.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" style="z-index:39;">
|
||
<article class="tp_vc_mw_rowinner darkonlight" style="padding-top: 0px ; padding-bottom: 0px;">
|
||
<div class="rowbgimage_overlay" style="background-color:transparent;">
|
||
</div>
|
||
|
||
<div class="content_max_width">
|
||
<div class="vc_row wpb_row vc_row-fluid vc_general vc_parallax vc_parallax-on" data-vc-parallax="1.5">
|
||
<div class="wpb_column vc_column_container vc_col-sm-6">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<a class="tp-btn tp-large-button-yellow" href="slider.html" target="_self"><i class=
|
||
"pe-7s-angle-left"></i> Back</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpb_column vc_column_container vc_col-sm-6">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<div style="text-align:right">
|
||
<a class="tp-btn tp-large-button-yellow" href="navigation-settings-overview.html" target=
|
||
"_self">Next <i class="pe-7s-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="vc_parallax-inner skrollable skrollable-before" data-bottom-top="top: -50%;" data-top-bottom="top: 0%;" style="height: 150%; top: -50%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bottomspacer" style="height:35px;">
|
||
</div>
|
||
</section>
|
||
|
||
<section class="sidebar_widget" id="sidebar-container">
|
||
<div class="widget-1 first clear">
|
||
</div>
|
||
|
||
<div class="widget-1 first miami_widget sidebar_widget widget_text" id="text-15">
|
||
<div class="textwidget">
|
||
<span style="background:#000; color:#fff; font-size:16px; font-weight:500; padding:0px 5px; line-height:22px;margin-bottom:5px">Slider Revolution 5.0 jQuery</span>
|
||
<span style="background:#000; color:#fff; font-size:16px; font-weight:500; padding:0px 5px; line-height:22px;">Documentation</span>
|
||
</div>
|
||
|
||
<div class="clear">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="widget-2 last clear">
|
||
</div>
|
||
|
||
<div class="widget-2 last miami_widget sidebar_widget widget_nav_menu" id="nav_menu-2">
|
||
<div class="menu-revslider-jquery-doc-container">
|
||
<ul class="menu" id="menu-revslider-jquery-doc">
|
||
<li class="menu-item menu-item-type-post_type menu-item-object-revsliderjquery-doc menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor=
|
||
"rgba(37,37,37,1)" id="menu-item-6109">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="get-started/">Get Started</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6116">
|
||
<a class="menu-link docu-link" href="get-started.html#introduction">Introduction</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6117">
|
||
<a class="menu-link docu-link" href="get-started.html#neededfiles">Needed Folders</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6118">
|
||
<a class="menu-link docu-link" href="get-started.html#installslider">Installing the Slider</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6119">
|
||
<a class="menu-link docu-link" href="get-started.html#markup">The Markup</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6120">
|
||
<a class="menu-link docu-link" href="get-started.html#initialising">Initialising The Slider</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-post_type menu-item-object-revsliderjquery-doc menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor=
|
||
"rgba(37,37,37,1)" id="menu-item-6122">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="anatomy/">Anatomy of Slider Revolution</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6133">
|
||
<a class="menu-link docu-link" href="anatomy.html#components">Slider Components</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6128">
|
||
<a class="menu-link docu-link" href="anatomy.html#grid">Layer Grid</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6129">
|
||
<a class="menu-link docu-link" href="anatomy.html#gridvsslider">Layer Grid vs. Slider</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor="rgba(37,37,37,1)" id=
|
||
"menu-item-6132">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slider.html#slider">Slider</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-6229">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slider.html#slidertype">Slider Types</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6130">
|
||
<a class="menu-link docu-link" href="slider.html#standard">Standard</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6131">
|
||
<a class="menu-link docu-link" href="slider.html#hero">Hero Block</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6135">
|
||
<a class="menu-link docu-link" href="slider.html#carousel">Carousel</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-6231">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slider.html#sliderlayout">Slider Layouts</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6230">
|
||
<a class="menu-link docu-link" href="slider.html#auto">Auto Width</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6232">
|
||
<a class="menu-link docu-link" href="slider.html#fullwidth">Fullwidth</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6233">
|
||
<a class="menu-link docu-link" href="slider.html#fullscreen">Fullscreen</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-6236">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slider.html#slidersize">Advanced Sizing</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6328">
|
||
<a class="menu-link docu-link" href="slider.html#gridsize">Grid Sizing</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6329">
|
||
<a class="menu-link docu-link" href="slider.html#aspectratio">Respect Aspect Ratio</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6330">
|
||
<a class="menu-link docu-link" href="slider.html#minimumheight">Minimum Height</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6331">
|
||
<a class="menu-link docu-link" href="slider.html#responsivelevels">Responsive Levels</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-post_type menu-item-object-revsliderjquery-doc current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children darknav docuwithsubmenu"
|
||
data-backgroundcolor="rgba(37,37,37,1)" id="menu-item-6239">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings/">Slider Settings Overview</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6289">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#layoutandsize">Layouts & Sizing</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor" id="menu-item-6290">
|
||
<a class="menu-link docu-link" href="slidersettings.html#sliderType">sliderType</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6291">
|
||
<a class="menu-link docu-link" href="slidersettings.html#sliderLayout">sliderLayout</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6292">
|
||
<a class="menu-link docu-link" href="slidersettings.html#responsiveLevels">responsiveLevels</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6293">
|
||
<a class="menu-link docu-link" href="slidersettings.html#gridwidth">gridwidth</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6294">
|
||
<a class="menu-link docu-link" href="slidersettings.html#gridheight">gridheight</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6295">
|
||
<a class="menu-link docu-link" href="slidersettings.html#autoHeight">autoHeight</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6296">
|
||
<a class="menu-link docu-link" href="slidersettings.html#minHeight">minHeight</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6297">
|
||
<a class="menu-link docu-link" href=
|
||
"slidersettings.html#fullScreenAlignForce">fullScreenAlignForce</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6298">
|
||
<a class="menu-link docu-link" href=
|
||
"slidersettings.html#fullScreenOffsetContainer">fullScreenOffsetContainer</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6299">
|
||
<a class="menu-link docu-link" href="slidersettings.html#fullScreenOffset">fullScreenOffset</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6300">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#progressing">Progressing</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6301">
|
||
<a class="menu-link docu-link" href="slidersettings.html#delay">delay</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6302">
|
||
<a class="menu-link docu-link" href="slidersettings.html#disableProgressBar">disableProgressBar</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6303">
|
||
<a class="menu-link docu-link" href="slidersettings.html#startDelay">startDelay</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6304">
|
||
<a class="menu-link docu-link" href="slidersettings.html#stopAfterLoops">stopAfterLoops</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6305">
|
||
<a class="menu-link docu-link" href="slidersettings.html#stopAtSlide">stopAtSlide</a>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6306">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#viewPort">viewPort</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6307">
|
||
<a class="menu-link docu-link" href="slidersettings.html#viewPort">enable</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6308">
|
||
<a class="menu-link docu-link" href="slidersettings.html#viewPort">outof</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6309">
|
||
<a class="menu-link docu-link" href="slidersettings.html#viewPort">visible_area</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6310">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#lazyType">Lazy Loading</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6311">
|
||
<a class="menu-link docu-link" href="slidersettings.html#lazyType">lazyType</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6312">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#appandvis">Appearance and Visibility</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6313">
|
||
<a class="menu-link docu-link" href="slidersettings.html#dottedOverlay">dottedOverlay</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6314">
|
||
<a class="menu-link docu-link" href="slidersettings.html#shado">shadow</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6315">
|
||
<a class="menu-link docu-link" href="slidersettings.html#spinner">spinner</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6316">
|
||
<a class="menu-link docu-link" href=
|
||
"slidersettings.html#hideAllCaptionAtLimit">hideAllCaptionAtLimit</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6317">
|
||
<a class="menu-link docu-link" href="slidersettings.html#hideCaptionAtLimit">hideCaptionAtLimit</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6318">
|
||
<a class="menu-link docu-link" href="slidersettings.html#hideSliderAtLimit">hideSliderAtLimit</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6319">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#generalsettings">General Settings</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6320">
|
||
<a class="menu-link docu-link" href="slidersettings.html#debugMode">debugMode</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6321">
|
||
<a class="menu-link docu-link" href="slidersettings.html#extensions">extensions</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6322">
|
||
<a class="menu-link docu-link" href="slidersettings.html#extensions_suffix">extensions_suffix</a>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6323">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#fallbacks">fallbacks</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6324">
|
||
<a class="menu-link docu-link" href=
|
||
"slidersettings.html#fallbacks">panZoomDisableOnMobile</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6325">
|
||
<a class="menu-link docu-link" href="slidersettings.html#fallbacks">simplifyAll</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6326">
|
||
<a class="menu-link docu-link" href=
|
||
"slidersettings.html#fallbacks">nextSlideOnWindowFocus</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6327">
|
||
<a class="menu-link docu-link" href="slidersettings.html#fallbacks">disableFocusListener</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6332">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">Parallax Effect</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6339">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">parallax</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6333">
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">type</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6334">
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">levels</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6335">
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">origo</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6336">
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">speed</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6337">
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">bgparallax</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6338">
|
||
<a class="menu-link docu-link" href="slidersettings.html#parallax">disable_onmobile</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6681">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">Carousel Settings</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class=
|
||
"menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children hassubmenu docuwithsubmenu"
|
||
id="menu-item-6682">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">Carousel</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6683">
|
||
<a class="menu-link docu-link" href=
|
||
"slidersettings.html#carouselsettings">horizontal_align</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6684">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">vertical_align</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6685">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">infinity</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6686">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">space</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6687">
|
||
<a class="menu-link docu-link" href=
|
||
"slidersettings.html#carouselsettings">maxVisibleItems</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6688">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">stretch</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6689">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">fadeout</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6690">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">maxRotation</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6691">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">minScale</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6692">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">vary_fade</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6693">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">vary_rotation</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6694">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">vary_scale</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6695">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">border_radius</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6696">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">padding_top</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-6697">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">padding_bottom</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-post_type menu-item-object-revsliderjquery-doc menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-6700">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="navigation-settings-overview/">Navigation Settings</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6701">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#generalnavigationsettings">keyboardNavigation</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6702">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#generalnavigationsettings">keyboard_direction</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6703">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#generalnavigationsettings">mouseScrollNavigation</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6704">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#generalnavigationsettings">onHoverStop</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-6705">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="navigation-settings-overview.html#touchsettings">touch</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6706">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#touchsettings">touchenabled</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6707">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#touchsettings">swipe_treshold</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6708">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#touchsettings">swipe_min_touches</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6709">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#touchsettings">drag_block_vertical</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6710">
|
||
<a class="menu-link docu-link" href=
|
||
"navigation-settings-overview.html#touchsettings">swipe_direction</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6761">
|
||
<a class="menu-link docu-link" href="navigation-settings-overview.html#arrowssettings">arrows</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6762">
|
||
<a class="menu-link docu-link" href="navigation-settings-overview.html#bulletssettings">bullets</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6763">
|
||
<a class="menu-link docu-link" href="navigation-settings-overview.html#thumbssettings">thumbnails</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6764">
|
||
<a class="menu-link docu-link" href="navigation-settings-overview.html#tabssettings">tabs</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-post_type menu-item-object-revsliderjquery-doc menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor=
|
||
"rgba(37,37,37,1)" id="menu-item-6785">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slides/">Slides</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-6786">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slides.html#markup">Slide Basics</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6787">
|
||
<a class="menu-link docu-link" href="slides.html#markup">Markup</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6788">
|
||
<a class="menu-link docu-link" href="slides.html#settings">Settings Overview</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-6921">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slides/">Slide Types</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6922">
|
||
<a class="menu-link docu-link" href="slides.html#imagebg">Image Background</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6923">
|
||
<a class="menu-link docu-link" href="slides.html#videobg">Video Background</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6932">
|
||
<a class="menu-link docu-link" href="slides.html#solidcolorbg">Solid Color Background</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6934">
|
||
<a class="menu-link docu-link" href="slides.html#transparentbg">Transparent Background</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6935">
|
||
<a class="menu-link docu-link" href="slides.html#linkandseo">Link & Seo</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6933">
|
||
<a class="menu-link docu-link" href="slides.html#kenburns">Ken Burns Effect</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6936">
|
||
<a class="menu-link docu-link" href="slides.html#parallax">Parallax Effect</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6937">
|
||
<a class="menu-link docu-link" href="slides.html#easetable">Ease Table</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-6938">
|
||
<a class="menu-link docu-link" href="slides.html#transitiontable">Transition Table</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-post_type menu-item-object-revsliderjquery-doc menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor=
|
||
"rgba(37,37,37,1)" id="menu-item-6941">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="layers/">Layers</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-7037">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="layers.html#layermarkup">Layer Basics</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7038">
|
||
<a class="menu-link docu-link" href="layers.html#layermarkup">Layer Markup</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7039">
|
||
<a class="menu-link docu-link" href="layers.html#layersettings">Settings Overview</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-7040">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="layers.html#layertypes">Layer Types</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7041">
|
||
<a class="menu-link docu-link" href="layers.html#htmllayer">HTML Layer</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7042">
|
||
<a class="menu-link docu-link" href="layers.html#imagelayer">Image Layer</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7043">
|
||
<a class="menu-link docu-link" href="layers.html#videolayer">Video Layer</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7044">
|
||
<a class="menu-link docu-link" href="layers.html#shapelayer">Shape Layer</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7045">
|
||
<a class="menu-link docu-link" href="layers.html#buttonlayer">Button Layer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7156">
|
||
<a class="menu-link docu-link" href="layers.html#staticlayers">Static Layers</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7081">
|
||
<a class="menu-link docu-link" href="layer-actions.html#traditionallink">Layer Hyperlink Traditional</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7190">
|
||
<a class="menu-link docu-link" href="layers.html#parallaxlayer">Parallax Effect</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-7080">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="layer-actions/">Layer Actions</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7082">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionsyntax">Layer Action Syntax</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7083">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionlinks">Action Links
|
||
(Internal,external)</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7084">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionslider">Play/Pause/Toggle Slider</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7085">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionlayer">Start/Stop/Toggle Layer</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7086">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actioncallback">Layer CallBack</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7087">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionvideo">Play/Pause/Toggle Video</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7088">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionclick">Simulate Click</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7089">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionclass">Toggle Class</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-7090">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="layer-animations/">Layer Animations</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7091">
|
||
<a class="menu-link docu-link" href="layer-animations.html#transidle">Idle State</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7092">
|
||
<a class="menu-link docu-link" href="layer-animations.html#transhover">Hover State & Hover
|
||
Style</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7093">
|
||
<a class="menu-link docu-link" href="layer-animations.html#transin">“In” Animation</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7094">
|
||
<a class="menu-link docu-link" href="layer-animations.html#transout">“Out” Animation</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7095">
|
||
<a class="menu-link docu-link" href="layer-animations.html#transmaskin">Mask “in” Animation</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7096">
|
||
<a class="menu-link docu-link" href="layer-animations.html#transmaskout">Mask “out” Animation</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children hassubmenu docuwithsubmenu" id="menu-item-7101">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="layer-animations.html#loopmarkup">Layer Loop Animations</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7102">
|
||
<a class="menu-link docu-link" href="layer-animations.html#loopmarkup">Loop Basics</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7104">
|
||
<a class="menu-link docu-link" href="layer-animations.html#looptype">Loop Types</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor="rgba(37,37,37,1)" id=
|
||
"menu-item-7127">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="navigation/">Navigation</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7128">
|
||
<a class="menu-link docu-link" href="navigation.html#navbasic">Basics</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7129">
|
||
<a class="menu-link docu-link" href="navigation.html#navarrows">Arrows</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7130">
|
||
<a class="menu-link docu-link" href="navigation.html#navbullets">Bullets</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7131">
|
||
<a class="menu-link docu-link" href="navigation.html#navthumb">Thumbnails</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7132">
|
||
<a class="menu-link docu-link" href="navigation.html#navtabs">Tabs</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor="rgba(37,37,37,1)" id=
|
||
"menu-item-7171">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="api/">API</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7173">
|
||
<a class="menu-link docu-link" href="api/">Basics</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7172">
|
||
<a class="menu-link docu-link" href="api.html#apimethods">Methods</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7174">
|
||
<a class="menu-link docu-link" href="api.html#apievents">Events</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor="rgba(37,37,37,1)" id=
|
||
"menu-item-7176">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="get-started/">Hyperlinking Slides & Layers</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7177">
|
||
<a class="menu-link docu-link" href="slides.html#datalink">Slide Link</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7178">
|
||
<a class="menu-link docu-link" href="layer-actions.html#traditionallink">Layer Traditional Link</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7179">
|
||
<a class="menu-link docu-link" href="layer-actions.html#actionlinks">Layer Action Link</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor="rgba(37,37,37,1)" id=
|
||
"menu-item-7180">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slides.html#videobg">Video Content</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7181">
|
||
<a class="menu-link docu-link" href="slides.html#videobg">Video as Background</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7182">
|
||
<a class="menu-link docu-link" href="layers.html#videolayer">Video as Layer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children darknav docuwithsubmenu"
|
||
data-backgroundcolor="rgba(37,37,37,1)" id="menu-item-7183">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="slider/">Special Features</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7184">
|
||
<a class="menu-link docu-link" href="slider.html#carousel">Carousel</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-7185">
|
||
<a class="menu-link docu-link" href="slidersettings.html#carouselsettings">Carousel Settings</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7186">
|
||
<a class="menu-link docu-link" href="slides.html#kenburns">Ken Burns Effect</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7187">
|
||
<a class="menu-link docu-link" href="slides.html#parallax">Parallax Effect Slide BG</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7191">
|
||
<a class="menu-link docu-link" href="layers.html#parallaxlayer">Parallax Effect Layer</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item" id="menu-item-7192">
|
||
<a class="menu-link docu-link" href="slidersettings.html#viewPort">Pause/Resume Slider on Scroll</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children darknav docuwithsubmenu" data-backgroundcolor="rgba(37,37,37,1)" id=
|
||
"menu-item-7193">
|
||
<div class="menu-expander icon-angle-right" style="font-style: italic">
|
||
</div>
|
||
<a class="menu-link docu-link" href="updates">Updates & Support</a>
|
||
|
||
<ul class="sub-menu" style="display: none;">
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7195">
|
||
<a class="menu-link docu-link" href="updates">How to Update the Plugin</a>
|
||
</li>
|
||
|
||
<li class="menu-item menu-item-type-custom menu-item-object-custom" id="menu-item-7194">
|
||
<a class="menu-link docu-link" href="http://www.themepunch.com/support-center/">Support Center</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="clear">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="clearfix">
|
||
</div>
|
||
</section>
|
||
</article>
|
||
</article>
|
||
<link href="assets/tp_vc_frontend.css" id="vc_extend_style-css" media="all" rel="stylesheet" type="text/css"><script src=
|
||
"assets/jquery_006.js" type="text/javascript"></script><script type="text/javascript">
|
||
var _wpcf7={"loaderUrl":"http:\/\/www.themepunch.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ...","cached":"1"};
|
||
</script><script src="assets/scripts.js" type="text/javascript"></script><script src="assets/jquery_002.js" type="text/javascript"></script><script src="assets/ZeroClipboard.js" type="text/javascript"></script><script src="assets/main_002.js" type="text/javascript"></script><script src="assets/main.js" type="text/javascript"></script><script type="text/javascript">
|
||
var pollsL10n={"ajax_url":"http:\/\/www.themepunch.com\/wp-admin\/admin-ajax.php","text_wait":"Your last request is still being processed. Please wait a while ...","text_valid":"Please choose a valid poll answer.","text_multiple":"Maximum number of choices allowed: ","show_loading":"1","show_fading":"1"};
|
||
</script><script src="assets/polls-js.js" type="text/javascript"></script><script src="assets/bootstrap.js" type="text/javascript"></script><script src="assets/retina.js" type="text/javascript"></script><script src="assets/fitvid.js" type="text/javascript"></script><script type="text/javascript">
|
||
var miami={"sharrrephp":"http:\/\/www.themepunch.com\/wp-content\/themes\/miami\/assets\/js\/sharrre.php"};
|
||
</script><script src="assets/jquery_005.js" type="text/javascript"></script><script src="assets/jquery_008.js" type="text/javascript"></script><script src="assets/jquery_003.js" type="text/javascript"></script><script type="text/javascript">
|
||
var tp_search={"search_php":"http:\/\/www.themepunch.com\/wp-content\/themes\/miami\/framework\/theme_get_search_result.php","admin_php":"http:\/\/www.themepunch.com\/wp-admin\/admin-ajax.php","estoken":"f2f550fc0b"};
|
||
</script><script src="assets/screen.js" type="text/javascript"></script><script src="assets/comment-reply.js" type="text/javascript"></script><script src="assets/js_composer_front.js" type="text/javascript"></script><script src="assets/skrollr.js" type="text/javascript"></script><script type="text/javascript">
|
||
var countVars={"disqusShortname":"themepunch"};
|
||
</script><script src="assets/count.js" type="text/javascript"></script>
|
||
</body>
|
||
</html> |