3300 lines
330 KiB
HTML
3300 lines
330 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>Navigation Settings Overview - ThemePunch</title>
|
||
<meta content="en_US">
|
||
<meta content="article">
|
||
<meta content="Navigation 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 href="assets/css.css" id="tp-roboto-css" media="all" rel="stylesheet" type="text/css">
|
||
<link href="assets/settings_002.css" id="rs-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">
|
||
<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=6698" 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=4E4171AEDE3840F91333DB25F7BBE991');/*]]>*/
|
||
</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/a.js" type="text/javascript"></script>
|
||
<script async="" src="assets/count_002.js" type="text/javascript"></script>
|
||
<style type="text/css">
|
||
.esgbox-margin{margin-right:0px;}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="single single-revsliderjquery-doc postid-6698 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-6698 revsliderjquery-doc type-revsliderjquery-doc status-publish hentry category_revsliderjquery-doc-5-0 category_revsliderjquery-doc-anatomy"
|
||
id="page-6698">
|
||
<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;">Navigation 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">08.07.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>Navigation</h4>
|
||
|
||
<h5 class="subdirectory">Main Options</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" id="generalnavigationsettings" 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-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">navigation</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">keyboardNavigation</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">keyboard_direction</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">'horizontal','vertical'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'horizontal'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">mouseScrollNavigation</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">onHoverStop</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">touch</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Further Options</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">See further below</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">arrows</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Further Options</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">See further below</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">bullets</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Further Options</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">See further below</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">thumbnails</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Further Options</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">See further below</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">tabs</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Value:</span><span class="pval">Further Options</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">See further below</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-55e9a0aa24e0b186561799" 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;">
|
||
navigation : {
|
||
keyboardNavigation:"on",
|
||
keyboard_direction:"horizontal",
|
||
mouseScrollNavigation:"off",
|
||
onHoverStop:"on",
|
||
touch:{
|
||
touchenabled:"off",
|
||
swipe_treshold : 75,
|
||
swipe_min_touches : 1,
|
||
drag_block_vertical:false,
|
||
swipe_direction:"horizontal"
|
||
},
|
||
arrows: {
|
||
style:"",
|
||
enable:false,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
tmp:'',
|
||
left : {
|
||
h_align:"left",
|
||
v_align:"center",
|
||
h_offset:20,
|
||
v_offset:0,
|
||
},
|
||
right : {
|
||
h_align:"right",
|
||
v_align:"center",
|
||
h_offset:20,
|
||
v_offset:0
|
||
}
|
||
},
|
||
bullets: {
|
||
style:"",
|
||
enable:false,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
direction:"horizontal",
|
||
h_align:"left",
|
||
v_align:"center",
|
||
space:0,
|
||
h_offset:20,
|
||
v_offset:0,
|
||
tmp:'<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>'
|
||
},
|
||
thumbnails: {
|
||
style:"",
|
||
enable:false,
|
||
width:100,
|
||
height:50,
|
||
min_width:100,
|
||
wrapper_padding:2,
|
||
wrapper_color:"#f5f5f5",
|
||
wrapper_opacity:1,
|
||
tmp:'<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>',
|
||
visibleAmount:5,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
direction:"horizontal",
|
||
span:false,
|
||
position:"inner",
|
||
space:2,
|
||
h_align:"left",
|
||
v_align:"center",
|
||
h_offset:20,
|
||
v_offset:0
|
||
},
|
||
tabs: {
|
||
style:"",
|
||
enable:false,
|
||
width:100,
|
||
min_width:100,
|
||
height:50,
|
||
wrapper_padding:10,
|
||
wrapper_color:"#f5f5f5",
|
||
wrapper_opacity:1,
|
||
tmp:'<span class="tp-tab-image"></span>',
|
||
visibleAmount:5,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
direction:"horizontal",
|
||
span:false,
|
||
space:0,
|
||
position:"inner",
|
||
h_align:"left",
|
||
v_align:"center",
|
||
h_offset:20,
|
||
v_offset: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-55eebc2700212944640829-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-8" style="height: 30px;">8</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-9" style="height: 30px;">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-10" style="height: 30px;">10</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-11" style="height: 30px;">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-12" style="height: 30px;">12</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-13" style="height: 30px;">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-14" style="height: 30px;">14</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-15" style="height: 30px;">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-16" style="height: 30px;">16</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-17" style="height: 30px;">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-18" style="height: 30px;">18</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-19" style="height: 30px;">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-20" style="height: 30px;">20</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-21" style="height: 30px;">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-22" style="height: 30px;">22</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-23" style="height: 30px;">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-24" style="height: 30px;">24</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-25" style="height: 30px;">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-26" style="height: 30px;">26</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-27" style="height: 30px;">27</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-28" style="height: 30px;">28</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-29" style="height: 30px;">29</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-30" style="height: 30px;">30</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-31" style="height: 30px;">31</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-32" style="height: 30px;">32</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-33" style="height: 30px;">33</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-34" style="height: 30px;">34</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-35" style="height: 30px;">35</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-36" style="height: 30px;">36</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-37" style="height: 30px;">37</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-38" style="height: 30px;">38</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-39" style="height: 30px;">39</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-40" style="height: 30px;">40</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-41" style="height: 30px;">41</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-42" style="height: 30px;">42</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-43" style="height: 30px;">43</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-44" style="height: 30px;">44</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-45" style="height: 30px;">45</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-46" style="height: 30px;">46</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-47" style="height: 30px;">47</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-48" style="height: 30px;">48</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-49" style="height: 30px;">49</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-50" style="height: 30px;">50</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-51" style="height: 60px;">51</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-52" style="height: 30px;">52</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-53" style="height: 30px;">53</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-54" style="height: 30px;">54</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-55" style="height: 30px;">55</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-56" style="height: 30px;">56</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-57" style="height: 30px;">57</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-58" style="height: 30px;">58</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-59" style="height: 30px;">59</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-60" style="height: 30px;">60</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-61" style="height: 30px;">61</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-62" style="height: 60px;">62</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-63" style="height: 30px;">63</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-64" style="height: 30px;">64</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-65" style="height: 30px;">65</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-66" style="height: 30px;">66</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-67" style="height: 30px;">67</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-68" style="height: 30px;">68</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-69" style="height: 30px;">69</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-70" style="height: 30px;">70</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-71" style="height: 30px;">71</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-72" style="height: 30px;">72</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-73" style="height: 30px;">73</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-74" style="height: 30px;">74</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-75" style="height: 30px;">75</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-76" style="height: 30px;">76</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-77" style="height: 30px;">77</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-78" style="height: 30px;">78</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-79" style="height: 30px;">79</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-80" style="height: 30px;">80</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-81" style="height: 30px;">81</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-82" style="height: 30px;">82</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-83" style="height: 30px;">83</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-84" style="height: 30px;">84</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-85" style="height: 30px;">85</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-86" style="height: 30px;">86</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-87" style="height: 30px;">87</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-88" style="height: 30px;">88</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-89" style="height: 30px;">89</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-90" style="height: 30px;">90</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-91" style="height: 30px;">91</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-92" style="height: 30px;">92</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-93" style="height: 30px;">93</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-94" style="height: 30px;">94</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-95" style="height: 30px;">95</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-96" style="height: 30px;">96</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-97" style="height: 30px;">97</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-98" style="height: 30px;">98</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-99" style="height: 30px;">99</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-100" style="height: 30px;">100</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-101" style="height: 30px;">101</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-102" style="height: 30px;">102</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-103" style="height: 30px;">103</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700212944640829-104" style="height: 30px;">104</div><div class="crayon-num" data-line="crayon-55eebc2700212944640829-105" style="height: 30px;">105</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-55eebc2700212944640829-1"><span class="crayon-k ">navigation : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-2"><span class="crayon-h"> </span><span class="crayon-k ">keyboardNavigation:"on", </span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-3"><span class="crayon-k "> keyboard_direction:"horizontal",</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-4"><span class="crayon-k "> mouseScrollNavigation:"off", </span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-5"><span class="crayon-k "> onHoverStop:"on",</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-6"><span class="crayon-k "> touch:</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-7"><span class="crayon-h"> </span><span class="crayon-e ">touchenabled</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-55eebc2700212944640829-8"><span class="crayon-h"> </span><span class="crayon-e ">swipe_treshold</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">75,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-9"><span class="crayon-h"> </span><span class="crayon-e ">swipe_min_touches</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">1,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-10"><span class="crayon-h"> </span><span class="crayon-e ">drag_block_vertical</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-11"><span class="crayon-h"> </span><span class="crayon-e ">swipe_direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-12"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-k ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-13"><span class="crayon-k "> arrows: </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-14"><span class="crayon-h"> </span><span class="crayon-k ">style:"",</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-15"><span class="crayon-k "> enable:false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-16"><span class="crayon-k "> hide_onmobile:false,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-17"><span class="crayon-k "> hide_onleave:true,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-18"><span class="crayon-k "> hide_delay:200,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-19"><span class="crayon-k "> hide_delay_mobile:1200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-20"><span class="crayon-k "> hide_under:0,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-21"><span class="crayon-k "> hide_over:9999,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-22"><span class="crayon-k "> tmp:'',</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-23"><span class="crayon-k "> left : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-24"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-25"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-26"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-27"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-28"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-k ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-29"><span class="crayon-k "> right : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-30"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"right"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-31"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-32"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-33"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-34"><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-35"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-k ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-36"><span class="crayon-k "> bullets: </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-37"><span class="crayon-h"> </span><span class="crayon-e ">style</span><span class="crayon-sy">:</span><span class="crayon-s">""</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-38"><span class="crayon-h"> </span><span class="crayon-e ">enable</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-39"><span class="crayon-h"> </span><span class="crayon-e ">hide_onmobile</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-40"><span class="crayon-h"> </span><span class="crayon-e ">hide_onleave</span><span class="crayon-sy">:</span><span class="crayon-i ">true,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-41"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay</span><span class="crayon-sy">:</span><span class="crayon-i ">200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-42"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay_mobile</span><span class="crayon-sy">:</span><span class="crayon-i ">1200,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-43"><span class="crayon-h"> </span><span class="crayon-e ">hide_under</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-44"><span class="crayon-h"> </span><span class="crayon-e ">hide_over</span><span class="crayon-sy">:</span><span class="crayon-i ">9999,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-45"><span class="crayon-h"> </span><span class="crayon-e ">direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-46"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-47"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-48"><span class="crayon-h"> </span><span class="crayon-e ">space</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-49"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-50"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-51"><span class="crayon-h"> </span><span class="crayon-e ">tmp</span><span class="crayon-sy">:</span><span class="crayon-s">'<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>'</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-52"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-k ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-53"><span class="crayon-k "> thumbnails: </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-54"><span class="crayon-h"> </span><span class="crayon-e ">style</span><span class="crayon-sy">:</span><span class="crayon-s">""</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-55"><span class="crayon-h"> </span><span class="crayon-e ">enable</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-56"><span class="crayon-h"> </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-i ">100,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-57"><span class="crayon-h"> </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-i ">50,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-58"><span class="crayon-h"> </span><span class="crayon-e ">min_width</span><span class="crayon-sy">:</span><span class="crayon-i ">100,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-59"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_padding</span><span class="crayon-sy">:</span><span class="crayon-i ">2,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-60"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_color</span><span class="crayon-sy">:</span><span class="crayon-s">"#f5f5f5"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-61"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_opacity</span><span class="crayon-sy">:</span><span class="crayon-i ">1,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-62"><span class="crayon-h"> </span><span class="crayon-e ">tmp</span><span class="crayon-sy">:</span><span class="crayon-s">'<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>'</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-63"><span class="crayon-h"> </span><span class="crayon-e ">visibleAmount</span><span class="crayon-sy">:</span><span class="crayon-i ">5,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-64"><span class="crayon-h"> </span><span class="crayon-e ">hide_onmobile</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-65"><span class="crayon-h"> </span><span class="crayon-e ">hide_onleave</span><span class="crayon-sy">:</span><span class="crayon-i ">true,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-66"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay</span><span class="crayon-sy">:</span><span class="crayon-i ">200,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-67"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay_mobile</span><span class="crayon-sy">:</span><span class="crayon-i ">1200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-68"><span class="crayon-h"> </span><span class="crayon-e ">hide_under</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-69"><span class="crayon-h"> </span><span class="crayon-e ">hide_over</span><span class="crayon-sy">:</span><span class="crayon-i ">9999,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-70"><span class="crayon-h"> </span><span class="crayon-e ">direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-71"><span class="crayon-h"> </span><span class="crayon-e ">span</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-72"><span class="crayon-h"> </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span><span class="crayon-s">"inner"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-73"><span class="crayon-h"> </span><span class="crayon-e ">space</span><span class="crayon-sy">:</span><span class="crayon-i ">2,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-74"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-75"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-76"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-77"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-78"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-k ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-79"><span class="crayon-k "> tabs: </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-80"><span class="crayon-h"> </span><span class="crayon-e ">style</span><span class="crayon-sy">:</span><span class="crayon-s">""</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-81"><span class="crayon-h"> </span><span class="crayon-e ">enable</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-82"><span class="crayon-h"> </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-i ">100,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-83"><span class="crayon-h"> </span><span class="crayon-e ">min_width</span><span class="crayon-sy">:</span><span class="crayon-i ">100,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-84"><span class="crayon-h"> </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-i ">50,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-85"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_padding</span><span class="crayon-sy">:</span><span class="crayon-i ">10,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-86"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_color</span><span class="crayon-sy">:</span><span class="crayon-s">"#f5f5f5"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-87"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_opacity</span><span class="crayon-sy">:</span><span class="crayon-i ">1,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-88"><span class="crayon-h"> </span><span class="crayon-e ">tmp</span><span class="crayon-sy">:</span><span class="crayon-s">'<span class="tp-tab-image"></span>'</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-89"><span class="crayon-h"> </span><span class="crayon-e ">visibleAmount</span><span class="crayon-sy">:</span><span class="crayon-i ">5,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-90"><span class="crayon-h"> </span><span class="crayon-e ">hide_onmobile</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-91"><span class="crayon-h"> </span><span class="crayon-e ">hide_onleave</span><span class="crayon-sy">:</span><span class="crayon-i ">true,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-92"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay</span><span class="crayon-sy">:</span><span class="crayon-i ">200,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-93"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay_mobile</span><span class="crayon-sy">:</span><span class="crayon-i ">1200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-94"><span class="crayon-h"> </span><span class="crayon-e ">hide_under</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-95"><span class="crayon-h"> </span><span class="crayon-e ">hide_over</span><span class="crayon-sy">:</span><span class="crayon-i ">9999,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-96"><span class="crayon-h"> </span><span class="crayon-e ">direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-97"><span class="crayon-h"> </span><span class="crayon-e ">span</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-98"><span class="crayon-h"> </span><span class="crayon-e ">space</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-99"><span class="crayon-h"> </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span><span class="crayon-s">"inner"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-100"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-101"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-102"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20,</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-103"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700212944640829-104"><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-55eebc2700212944640829-105"><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p><strong>keyboardNavigation:</strong> on/off – Allows to enable/disable the keyboard navigation.</p>
|
||
|
||
<p><strong>keyboard_direction:</strong> horizontal/vertical – use up/down or left/right arrows key for the navigation</p>
|
||
|
||
<p><strong>mouseScrollNavigation:</strong> on/off – Allows mouse scroll based slide navigation.</p>
|
||
|
||
<p><strong>onHoverStop:</strong> on/off – If set to on, slider progress is stopped when Slider is hovered. Will not stop the
|
||
Layer animations, only the Slider Progress Bar !</p>
|
||
|
||
<p><strong>touch:</strong> Object with further options. See Settings later below. You can set Touch and Swip behavior,
|
||
tresholds, directions with this object.</p>
|
||
|
||
<p><strong>arrows:</strong> Object with further options. See Settings later below. You can set the Design, Behavior, Markup of the
|
||
Arrow Buttons in the Slider.</p>
|
||
|
||
<p><strong>bullets:</strong> Object with further options. See Settings later below. You can set the Design, Behavior, Markup of
|
||
the Bullet Buttons in the Slider.</p>
|
||
|
||
<p><strong>thumbnails:</strong> Object with further options. See Settings later below. You can set the Design, Behavior, Markup of
|
||
the Thumbnail Buttons in the Slider.</p>
|
||
|
||
<p><strong>tabs:</strong> Object with further options. See Settings later below. You can set the Design, Behavior, Markup of the
|
||
Tab Buttons in the Slider.</p>
|
||
</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: -45.2819%;">
|
||
</div>
|
||
</div>
|
||
|
||
<div style="clear:both">
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="tp_vc_mw_rowwrapper" 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:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Touch</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="touchsettings" 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-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">touch</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">touchenabled</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">swipe_treshold</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">Number</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">75</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">swipe_min_touches</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">Number</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">1</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">drag_block_vertical</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">swipe_direction</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">'horizontal','vertical'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'horizontal'</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-55e9a0aa24e17206766839" 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;">
|
||
navigation : {
|
||
...
|
||
touch:{
|
||
touchenabled:"off",
|
||
swipe_treshold : 75,
|
||
swipe_min_touches : 1,
|
||
drag_block_vertical:false,
|
||
swipe_direction:"horizontal"
|
||
},
|
||
...
|
||
},
|
||
</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-55eebc2700223695303516-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700223695303516-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebc2700223695303516-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700223695303516-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebc2700223695303516-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700223695303516-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebc2700223695303516-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700223695303516-8" style="height: 30px;">8</div><div class="crayon-num" data-line="crayon-55eebc2700223695303516-9" style="height: 30px;">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700223695303516-10" style="height: 30px;">10</div><div class="crayon-num" data-line="crayon-55eebc2700223695303516-11" style="height: 30px;">11</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-55eebc2700223695303516-1"><span class="crayon-k ">navigation : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700223695303516-2"><span class="crayon-h"> </span><span class="crayon-k ">...</span></div><div class="crayon-line" id="crayon-55eebc2700223695303516-3"><span class="crayon-k "> touch:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700223695303516-4"><span class="crayon-h"> </span><span class="crayon-e ">touchenabled</span><span class="crayon-sy">:</span><span class="crayon-s">"off"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700223695303516-5"><span class="crayon-h"> </span><span class="crayon-e ">swipe_treshold</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">75,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700223695303516-6"><span class="crayon-h"> </span><span class="crayon-e ">swipe_min_touches</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">1,</span></div><div class="crayon-line" id="crayon-55eebc2700223695303516-7"><span class="crayon-h"> </span><span class="crayon-e ">drag_block_vertical</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700223695303516-8"><span class="crayon-h"> </span><span class="crayon-e ">swipe_direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span></div><div class="crayon-line" id="crayon-55eebc2700223695303516-9"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700223695303516-10"><span class="crayon-h"> </span><span class="crayon-i ">...</span></div><div class="crayon-line" id="crayon-55eebc2700223695303516-11"><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p><strong>touchenabled:</strong> on/off – Enable/Disable the Touch function for none Carousel Sliders</p>
|
||
|
||
<p><strong>swipe_treshold:</strong> the treshold for the Swipe before it gets recognised</p>
|
||
|
||
<p><strong>swipe_min_touches:</strong> the min amount of “touching” fingers which triggers the swipe function</p>
|
||
|
||
<p><strong>drag_block_vertical:</strong> ignore swipes / drags vertical direction</p>
|
||
|
||
<p><strong>swipe_direction:</strong> The direction of Swipe to trigger Slide change functions.</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: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:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Arrows</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="arrowssettings" 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-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">arrows</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">style</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">Class</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">''</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">hide_onmobile</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">hide_onleave</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>
|
||
<span class="ybgsub">hide_delay</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">200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_delay_mobile</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">1200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_under</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_over</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">9999</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">tmp</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">HTML Markup</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">''</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">left</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">left:{h_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","center","right"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"left"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">left:{v_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","center","bottom"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"center"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">left:{h_offset}</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">20</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">left:{v_offset}</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">right</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">right:{h_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","center","right"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"left"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">right:{v_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","center","bottom"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"center"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">right:{h_offset}</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">20</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">right:{v_offset}</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">px</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-55e9a0aa24e1f920402514" 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;">
|
||
navigation : {
|
||
...
|
||
arrows:{
|
||
style:"",
|
||
enable:false,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
tmp:'',
|
||
left:{
|
||
h_align:"left",
|
||
v_align:"center",
|
||
h_offset:20,
|
||
v_offset:0
|
||
},
|
||
right:{
|
||
h_align:"right",
|
||
v_align:"center",
|
||
h_offset:20,
|
||
v_offset: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-55eebc2700230590873394-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-8" style="height: 30px;">8</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-9" style="height: 30px;">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-10" style="height: 30px;">10</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-11" style="height: 30px;">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-12" style="height: 30px;">12</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-13" style="height: 30px;">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-14" style="height: 30px;">14</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-15" style="height: 30px;">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-16" style="height: 30px;">16</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-17" style="height: 30px;">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-18" style="height: 30px;">18</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-19" style="height: 30px;">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-20" style="height: 30px;">20</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-21" style="height: 30px;">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-22" style="height: 30px;">22</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-23" style="height: 30px;">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-24" style="height: 30px;">24</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-25" style="height: 30px;">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700230590873394-26" style="height: 30px;">26</div><div class="crayon-num" data-line="crayon-55eebc2700230590873394-27" style="height: 30px;">27</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-55eebc2700230590873394-1"><span class="crayon-k ">navigation : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-2"><span class="crayon-h"> </span><span class="crayon-k ">...</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-3"><span class="crayon-k "> arrows:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-4"><span class="crayon-h"> </span><span class="crayon-k ">style:"",</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-5"><span class="crayon-k "> enable:false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-6"><span class="crayon-k "> hide_onmobile:false,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-7"><span class="crayon-k "> hide_onleave:true,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-8"><span class="crayon-k "> hide_delay:200,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-9"><span class="crayon-k "> hide_delay_mobile:1200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-10"><span class="crayon-k "> hide_under:0,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-11"><span class="crayon-k "> hide_over:9999,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-12"><span class="crayon-k "> tmp:'',</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-13"><span class="crayon-k "> left:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-14"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-15"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-16"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-17"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-18"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-k ">,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-19"><span class="crayon-k "> right:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-20"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"right"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-21"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-22"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20,</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-23"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-24"><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-25"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700230590873394-26"><span class="crayon-h"> </span><span class="crayon-i ">...</span></div><div class="crayon-line" id="crayon-55eebc2700230590873394-27"><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p><strong>style:</strong> The name of the class which is automatically added later to the generated markup of the arrows.
|
||
The Style must be loaded via the html document. See examples later.</p>
|
||
|
||
<p><strong>enable:</strong> if this set to true, Navigation arrows will be created for the Slider.</p>
|
||
|
||
<p><strong>hide_onmobile:</strong> if this set to true, the Navigation arrows are hiddeon on Mobile Devices</p>
|
||
|
||
<p><strong>hide_delay:</strong> After how many “ms” the Navigation arrows fade out.</p>
|
||
|
||
<p><strong>hide_delay_mobile:</strong> After how many “ms” the Navigation arrows fade out on mobile devices. This can be different
|
||
to default hide_delay</p>
|
||
|
||
<p><strong>hide_under:</strong> Under the defined “px” the Navigation Arrows will be hidden.</p>
|
||
|
||
<p><strong>hide_over: </strong>Over the defined “px” the Navigation Arrows will be hidden.</p>
|
||
|
||
<p><strong>tmp:</strong> The HTML Markup for the arrows. You can define any html based markup which will be used for the Arrows.
|
||
See examples later.</p>
|
||
|
||
<p><strong>left/right: </strong>Objects to define Position of left and right arrows. Both</p>
|
||
|
||
<p><strong>h_align:</strong> The Horizontal Align of the Arrow (left or right Arrow) within the Slider.</p>
|
||
|
||
<p><strong>v_align:</strong> The Vertical Align of the Arrow (left or right Arrow) within the Slider.</p>
|
||
|
||
<p><strong>h_offset:</strong> The Horizontal offset in px from the Aligned position. (Left or Right Arrow). Negative
|
||
Values on left aligned elements will move left, and negative values on right aligned elements will move right the element.</p>
|
||
|
||
<p><strong>v_offset:</strong> The Vertical offset in px from the Aligned position. (Left or Right Arrow). Negative
|
||
Values on top aligned elements will move top, and negative values on bottom aligned elements will move bottom the
|
||
element.</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: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:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Bullets</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="bulletssettings" 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-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">bullets</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">style</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">Class</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">''</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">hide_onmobile</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">hide_onleave</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>
|
||
<span class="ybgsub">hide_delay</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">200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_delay_mobile</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">1200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_under</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_over</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">9999</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">tmp</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">HTML Markup</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'<span class="tp-bullet-image"></span><span
|
||
class="tp-bullet-title"></span>'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">direction</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">'horizontal','vertical'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'horizontal'</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">h_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","center","right"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"left"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">v_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","center","bottom"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"center"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">h_offset</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">20</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">v_offset</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">px</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-55e9a0aa24e27428745420" 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;">
|
||
navigation : {
|
||
...
|
||
bullets:{
|
||
style:"",
|
||
enable:false,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
tmp:'<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>',
|
||
direction:"horizontal",
|
||
space:0,
|
||
h_align:"left",
|
||
v_align:"center",
|
||
h_offset:0,
|
||
v_offset:20
|
||
},
|
||
...
|
||
},
|
||
</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-55eebc270023e775917385-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-8" style="height: 30px;">8</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-9" style="height: 30px;">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-10" style="height: 30px;">10</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-11" style="height: 30px;">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-12" style="height: 60px;">12</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-13" style="height: 30px;">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-14" style="height: 30px;">14</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-15" style="height: 30px;">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-16" style="height: 30px;">16</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-17" style="height: 30px;">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-18" style="height: 30px;">18</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-19" style="height: 30px;">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270023e775917385-20" style="height: 30px;">20</div><div class="crayon-num" data-line="crayon-55eebc270023e775917385-21" style="height: 30px;">21</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-55eebc270023e775917385-1"><span class="crayon-k ">navigation : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-2"><span class="crayon-h"> </span><span class="crayon-k ">...</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-3"><span class="crayon-k "> bullets:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-4"><span class="crayon-h"> </span><span class="crayon-e ">style</span><span class="crayon-sy">:</span><span class="crayon-s">""</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-5"><span class="crayon-h"> </span><span class="crayon-e ">enable</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-6"><span class="crayon-h"> </span><span class="crayon-e ">hide_onmobile</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-7"><span class="crayon-h"> </span><span class="crayon-e ">hide_onleave</span><span class="crayon-sy">:</span><span class="crayon-i ">true,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-8"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay</span><span class="crayon-sy">:</span><span class="crayon-i ">200,</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-9"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay_mobile</span><span class="crayon-sy">:</span><span class="crayon-i ">1200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-10"><span class="crayon-h"> </span><span class="crayon-e ">hide_under</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-11"><span class="crayon-h"> </span><span class="crayon-e ">hide_over</span><span class="crayon-sy">:</span><span class="crayon-i ">9999,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-12"><span class="crayon-h"> </span><span class="crayon-e ">tmp</span><span class="crayon-sy">:</span><span class="crayon-s">'<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>'</span><span class="crayon-i ">,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-13"><span class="crayon-h"> </span><span class="crayon-e ">direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-14"><span class="crayon-h"> </span><span class="crayon-e ">space</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-15"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-16"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-17"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-18"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-19"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270023e775917385-20"><span class="crayon-h"> </span><span class="crayon-i ">...</span></div><div class="crayon-line" id="crayon-55eebc270023e775917385-21"><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p><strong>style:</strong> The name of the class which is automatically added later to the generated markup of the bullets.
|
||
The Style must be loaded via the html document. See examples later.</p>
|
||
|
||
<p><strong>enable:</strong> if this set to true, Bullets will be added to the Slider.</p>
|
||
|
||
<p><strong>hide_onmobile:</strong> if this set to true, the Bullets are hidden on Mobile Devices</p>
|
||
|
||
<p><strong>hide_delay:</strong> After how many “ms” the Bullets fade out.</p>
|
||
|
||
<p><strong>hide_delay_mobile:</strong> After how many “ms” the Bullets fade out on mobile devices. This can be different to
|
||
default hide_delay</p>
|
||
|
||
<p><strong>hide_under:</strong> Under the defined “px” the Bullets will be hidden.</p>
|
||
|
||
<p><strong>hide_over: </strong>Over the defined “px” the Bullets will be hidden.</p>
|
||
|
||
<p><strong>tmp:</strong> The HTML Markup for the single Bullets. You can define any html based markup here, see examples
|
||
later.</p>
|
||
|
||
<p><strong>h_align:</strong> The Horizontal Align of the Bullets within the Slider.</p>
|
||
|
||
<p><strong>v_align:</strong> The Vertical Align of the Bullets within the Slider.</p>
|
||
|
||
<p><strong>h_offset:</strong> The Horizontal offset in px from the Aligned position. Negative Values on left aligned elements
|
||
will move left, and negative values on right aligned elements will move right the element.</p>
|
||
|
||
<p><strong>v_offset:</strong> The Vertical offset in px from the Aligned position. Negative Values on top aligned
|
||
elements will move top, and negative values on bottom aligned elements will move bottom the element.</p>
|
||
|
||
<p><strong>direction</strong>: the Direction of the Bullets. Vertical or Horizontal.</p>
|
||
|
||
<p><strong>space</strong>: the space between single Bullet Points in px.</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: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:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Thumbnails</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="thumbssetings" 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-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">thumbnails</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">style</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">Class</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">''</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">width</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">100</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">height</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">50</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">wrapper_padding</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">2</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">wrapper_opacity</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">Number</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">1</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">wrapper_color</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">HEX</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'#f5f5f5'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">visibleAmount</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">Number</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">5</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_onmobile</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">hide_onleave</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>
|
||
<span class="ybgsub">hide_delay</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">200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_delay_mobile</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">1200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_under</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_over</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">9999</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">tmp</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">HTML Markup</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'<span class="tp-thumb-image"></span><span
|
||
class="tp-thumb-title"></span>'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">direction</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">'horizontal','vertical'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'horizontal'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">span</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">position</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">'inner','outer-left','outer-right','outer-bottom','outer-top'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'inner'</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">h_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","center","right"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"left"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">v_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","center","bottom"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"center"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">h_offset</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">20</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">v_offset</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">px</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-55e9a0aa24e31050036211" 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;">
|
||
navigation : {
|
||
...
|
||
thumbnails:{
|
||
style:"",
|
||
enable:false,
|
||
width:100,
|
||
height:50,
|
||
wrapper_padding:2,
|
||
wrapper_color:'#f5f5f5',
|
||
wrapper_opacity:1,
|
||
visibleAmount:5,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
tmp:'<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>',
|
||
direction:"horizontal",
|
||
span:false,
|
||
position:"inner",
|
||
space:0,
|
||
h_align:"left",
|
||
v_align:"center",
|
||
h_offset:0,
|
||
v_offset:20
|
||
},
|
||
...
|
||
},
|
||
</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-55eebc270024e040089459-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-8" style="height: 30px;">8</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-9" style="height: 30px;">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-10" style="height: 30px;">10</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-11" style="height: 30px;">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-12" style="height: 30px;">12</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-13" style="height: 30px;">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-14" style="height: 30px;">14</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-15" style="height: 30px;">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-16" style="height: 30px;">16</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-17" style="height: 30px;">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-18" style="height: 60px;">18</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-19" style="height: 30px;">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-20" style="height: 30px;">20</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-21" style="height: 30px;">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-22" style="height: 30px;">22</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-23" style="height: 30px;">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-24" style="height: 30px;">24</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-25" style="height: 30px;">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-26" style="height: 30px;">26</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-27" style="height: 30px;">27</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc270024e040089459-28" style="height: 30px;">28</div><div class="crayon-num" data-line="crayon-55eebc270024e040089459-29" style="height: 30px;">29</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-55eebc270024e040089459-1"><span class="crayon-k ">navigation : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-2"><span class="crayon-h"> </span><span class="crayon-k ">...</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-3"><span class="crayon-k "> thumbnails:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-4"><span class="crayon-h"> </span><span class="crayon-e ">style</span><span class="crayon-sy">:</span><span class="crayon-s">""</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-5"><span class="crayon-h"> </span><span class="crayon-e ">enable</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-6"><span class="crayon-h"> </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-i ">100,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-7"><span class="crayon-h"> </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-i ">50,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-8"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_padding</span><span class="crayon-sy">:</span><span class="crayon-i ">2,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-9"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_color</span><span class="crayon-sy">:</span><span class="crayon-s">'#f5f5f5'</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-10"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_opacity</span><span class="crayon-sy">:</span><span class="crayon-i ">1,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-11"><span class="crayon-h"> </span><span class="crayon-e ">visibleAmount</span><span class="crayon-sy">:</span><span class="crayon-i ">5,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-12"><span class="crayon-h"> </span><span class="crayon-e ">hide_onmobile</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-13"><span class="crayon-h"> </span><span class="crayon-e ">hide_onleave</span><span class="crayon-sy">:</span><span class="crayon-i ">true,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-14"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay</span><span class="crayon-sy">:</span><span class="crayon-i ">200,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-15"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay_mobile</span><span class="crayon-sy">:</span><span class="crayon-i ">1200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-16"><span class="crayon-h"> </span><span class="crayon-e ">hide_under</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-17"><span class="crayon-h"> </span><span class="crayon-e ">hide_over</span><span class="crayon-sy">:</span><span class="crayon-i ">9999,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-18"><span class="crayon-h"> </span><span class="crayon-e ">tmp</span><span class="crayon-sy">:</span><span class="crayon-s">'<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>'</span><span class="crayon-i ">,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-19"><span class="crayon-h"> </span><span class="crayon-e ">direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-20"><span class="crayon-h"> </span><span class="crayon-e ">span</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-21"><span class="crayon-h"> </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span><span class="crayon-s">"inner"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-22"><span class="crayon-h"> </span><span class="crayon-e ">space</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-23"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-24"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-25"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-26"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-27"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc270024e040089459-28"><span class="crayon-h"> </span><span class="crayon-i ">...</span></div><div class="crayon-line" id="crayon-55eebc270024e040089459-29"><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p><strong>style:</strong> The name of the class which is automatically added later to the generated markup of the Thumbs.
|
||
The Style must be loaded via the html document. See examples later.</p>
|
||
|
||
<p><strong>enable:</strong> if this set to true, Navigation Thumbs will be added for the Slider.</p>
|
||
|
||
<p><strong>width</strong>: the width of one single Thumbnail</p>
|
||
|
||
<p><strong>height</strong>: the height of one single Thumbnail</p>
|
||
|
||
<p><strong>min_width</strong>: the minimal width of a single Thumbnail when the screen shrinks. Thumbnails are linear resized
|
||
(downscaled) on smaller screens. If minimal width is set (different then 0) the thumb will never be smaller than this value keeping the
|
||
original Aspect Ratio.</p>
|
||
|
||
<p><strong>wrapper_padding:</strong> The Thumbnails Wrapped Container Padding (px).</p>
|
||
|
||
<p><strong>wrapper_color:</strong> The background color of the Thumbnails Wrapper Container</p>
|
||
|
||
<p><strong>wrapper_opacity:</strong> The opacity of the background of the Thumbnais Wrapper Container</p>
|
||
|
||
<p><strong>visibleAmount:</strong> The maximum visible amount of Thumbs in the same time. If more thumbs exist, the Thumbs becomes
|
||
Draggable and scrollable. If less, the amount of Thumbs will be equal to the amount of existing thumbs.</p>
|
||
|
||
<p><strong>hide_onmobile:</strong> if this set to true, the Thumbnails are hidden on Mobile Devices</p>
|
||
|
||
<p><strong>hide_delay:</strong> After how many “ms” the Thumbnails fade out.</p>
|
||
|
||
<p><strong>hide_delay_mobile:</strong> After how many “ms” the Thumbnails fade out on mobile devices. This can be different
|
||
to default hide_delay</p>
|
||
|
||
<p><strong>hide_under:</strong> Under the defined “px” the Thumbnails will be hidden.</p>
|
||
|
||
<p><strong>hide_over: </strong>Over the defined “px” the Thubmnails will be hidden.</p>
|
||
|
||
<p><strong>tmp:</strong> The HTML Markup for the Thumbs. You can define any html based markup which will be used for the Thumbs.
|
||
See examples later.</p>
|
||
|
||
<p><strong>h_align:</strong> The Horizontal Align of the Thumbnails within the Slider.</p>
|
||
|
||
<p><strong>v_align:</strong> The Vertical Align of the Thumbnails within the Slider.</p>
|
||
|
||
<p><strong>h_offset:</strong> The Horizontal offset in px from the Aligned position. Negative Values on left aligned elements
|
||
will move left, and negative values on right aligned elements will move right the element.</p>
|
||
|
||
<p><strong>v_offset:</strong> The Vertical offset in px from the Aligned position. Negative Values on top aligned
|
||
elements will move top, and negative values on bottom aligned elements will move bottom the element.</p>
|
||
|
||
<p><strong>direction</strong>: the Direction of the Thumbnails. Vertical or Horizontal.</p>
|
||
|
||
<p><strong>space</strong>: the space between single Thumbs in px.</p>
|
||
|
||
<p><strong>position:</strong> Where the Thumbnails are drawn. Inner or Outer the Slider. (outer-left, outer-right, outer-top,
|
||
outer-bottom, inner)</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: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:50px">
|
||
</div>
|
||
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<h5 class="subdirectory">Tabs</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="tabssettings" 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-4">
|
||
<div class="wpb_wrapper">
|
||
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
|
||
<div class="wpb_wrapper">
|
||
<span class="ybgbig">tabs</span>
|
||
|
||
<div class="pdetails">
|
||
<p><span class="pkey">Type:</span><span class="pval">Object</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">style</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">Class</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">''</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">width</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">100</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">height</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">50</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">wrapper_padding</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">2</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">wrapper_opacity</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">Number</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">1</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">wrapper_color</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">HEX</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'#f5f5f5'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">visibleAmount</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">Number</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">5</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_onmobile</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">hide_onleave</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>
|
||
<span class="ybgsub">hide_delay</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">200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_delay_mobile</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">1200</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_under</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">hide_over</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">9999</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">tmp</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">HTML Markup</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'<span class="tp-thumb-image"></span><span
|
||
class="tp-thumb-title"></span>'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">direction</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">'horizontal','vertical'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'horizontal'</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">span</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">position</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">'inner','outer-left','outer-right','outer-bottom','outer-top'</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">'inner'</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">0</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">h_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","center","right"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"left"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">v_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","center","bottom"</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">"center"</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">h_offset</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">px</span>
|
||
</p>
|
||
|
||
<p><span class="pkey">Default:</span><span class="dval">20</span>
|
||
</p>
|
||
</div>
|
||
<span class="ybgsub">v_offset</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">px</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-55e9a0aa24e3b183736198" 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;">
|
||
navigation : {
|
||
...
|
||
tabs:{
|
||
style:"",
|
||
enable:false,
|
||
width:100,
|
||
height:50,
|
||
wrapper_padding:2,
|
||
wrapper_color:'#f5f5f5',
|
||
wrapper_opacity:1,
|
||
visibleAmount:5,
|
||
hide_onmobile:false,
|
||
hide_onleave:true,
|
||
hide_delay:200,
|
||
hide_delay_mobile:1200,
|
||
hide_under:0,
|
||
hide_over:9999,
|
||
tmp:'<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>',
|
||
direction:"horizontal",
|
||
span:false,
|
||
position:"inner",
|
||
space:0,
|
||
h_align:"left",
|
||
v_align:"center",
|
||
h_offset:0,
|
||
v_offset:20
|
||
},
|
||
...
|
||
},
|
||
</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-55eebc2700260217554214-1" style="height: 30px;">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-2" style="height: 30px;">2</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-3" style="height: 30px;">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-4" style="height: 30px;">4</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-5" style="height: 30px;">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-6" style="height: 30px;">6</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-7" style="height: 30px;">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-8" style="height: 30px;">8</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-9" style="height: 30px;">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-10" style="height: 30px;">10</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-11" style="height: 30px;">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-12" style="height: 30px;">12</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-13" style="height: 30px;">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-14" style="height: 30px;">14</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-15" style="height: 30px;">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-16" style="height: 30px;">16</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-17" style="height: 30px;">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-18" style="height: 60px;">18</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-19" style="height: 30px;">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-20" style="height: 30px;">20</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-21" style="height: 30px;">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-22" style="height: 30px;">22</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-23" style="height: 30px;">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-24" style="height: 30px;">24</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-25" style="height: 30px;">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-26" style="height: 30px;">26</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-27" style="height: 30px;">27</div><div class="crayon-num crayon-striped-num" data-line="crayon-55eebc2700260217554214-28" style="height: 30px;">28</div><div class="crayon-num" data-line="crayon-55eebc2700260217554214-29" style="height: 30px;">29</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-55eebc2700260217554214-1"><span class="crayon-k ">navigation : </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-2"><span class="crayon-h"> </span><span class="crayon-k ">...</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-3"><span class="crayon-k "> tabs:</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-4"><span class="crayon-h"> </span><span class="crayon-e ">style</span><span class="crayon-sy">:</span><span class="crayon-s">""</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-5"><span class="crayon-h"> </span><span class="crayon-e ">enable</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-6"><span class="crayon-h"> </span><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-i ">100,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-7"><span class="crayon-h"> </span><span class="crayon-e ">height</span><span class="crayon-sy">:</span><span class="crayon-i ">50,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-8"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_padding</span><span class="crayon-sy">:</span><span class="crayon-i ">2,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-9"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_color</span><span class="crayon-sy">:</span><span class="crayon-s">'#f5f5f5'</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-10"><span class="crayon-h"> </span><span class="crayon-e ">wrapper_opacity</span><span class="crayon-sy">:</span><span class="crayon-i ">1,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-11"><span class="crayon-h"> </span><span class="crayon-e ">visibleAmount</span><span class="crayon-sy">:</span><span class="crayon-i ">5,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-12"><span class="crayon-h"> </span><span class="crayon-e ">hide_onmobile</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-13"><span class="crayon-h"> </span><span class="crayon-e ">hide_onleave</span><span class="crayon-sy">:</span><span class="crayon-i ">true,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-14"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay</span><span class="crayon-sy">:</span><span class="crayon-i ">200,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-15"><span class="crayon-h"> </span><span class="crayon-e ">hide_delay_mobile</span><span class="crayon-sy">:</span><span class="crayon-i ">1200,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-16"><span class="crayon-h"> </span><span class="crayon-e ">hide_under</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-17"><span class="crayon-h"> </span><span class="crayon-e ">hide_over</span><span class="crayon-sy">:</span><span class="crayon-i ">9999,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-18"><span class="crayon-h"> </span><span class="crayon-e ">tmp</span><span class="crayon-sy">:</span><span class="crayon-s">'<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>'</span><span class="crayon-i ">,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-19"><span class="crayon-h"> </span><span class="crayon-e ">direction</span><span class="crayon-sy">:</span><span class="crayon-s">"horizontal"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-20"><span class="crayon-h"> </span><span class="crayon-e ">span</span><span class="crayon-sy">:</span><span class="crayon-i ">false,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-21"><span class="crayon-h"> </span><span class="crayon-e ">position</span><span class="crayon-sy">:</span><span class="crayon-s">"inner"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-22"><span class="crayon-h"> </span><span class="crayon-e ">space</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span><span class="crayon-h"> </span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-23"><span class="crayon-h"> </span><span class="crayon-e ">h_align</span><span class="crayon-sy">:</span><span class="crayon-s">"left"</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-24"><span class="crayon-h"> </span><span class="crayon-e ">v_align</span><span class="crayon-sy">:</span><span class="crayon-s">"center"</span><span class="crayon-i ">,</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-25"><span class="crayon-h"> </span><span class="crayon-e ">h_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">0,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-26"><span class="crayon-h"> </span><span class="crayon-e ">v_offset</span><span class="crayon-sy">:</span><span class="crayon-i ">20</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-27"><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-55eebc2700260217554214-28"><span class="crayon-h"> </span><span class="crayon-i ">...</span></div><div class="crayon-line" id="crayon-55eebc2700260217554214-29"><span class="crayon-sy">}</span><span class="crayon-i ">,</span></div></div></td></tr></tbody></table>
|
||
</div>
|
||
</div>
|
||
|
||
<p><strong>style:</strong> The name of the class which is automatically added later to the generated markup of the Tabs. The
|
||
Style must be loaded via the html document. See examples later.</p>
|
||
|
||
<p><strong>enable:</strong> if this set to true, Navigation Tabs will be added for the Slider.</p>
|
||
|
||
<p><strong>width</strong>: the width of one single Tabs</p>
|
||
|
||
<p><strong>height</strong>: the height of one single Tabs</p>
|
||
|
||
<p><strong>min_width</strong>: the minimal width of a single Tab when the screen shrinks. Thumbnails are linear resized
|
||
(downscaled) on smaller screens. If minimal width is set (different then 0) the thumb will never be smaller than this value keeping the
|
||
original Aspect Ratio.</p>
|
||
|
||
<p><strong>wrapper_padding:</strong> The Tabs Wrapped Container Padding (px).</p>
|
||
|
||
<p><strong>wrapper_color:</strong> The background color of the Tabs Wrapper Container</p>
|
||
|
||
<p><strong>wrapper_opacity:</strong> The opacity of the background of the Tabs Wrapper Container</p>
|
||
|
||
<p><strong>visibleAmount:</strong> The maximum visible amount of Tabs in the same time. If more thumbs exist, the
|
||
Tabs becomes Draggable and scrollable. If less, the amount of Tabs will be equal to the amount of existing thumbs.</p>
|
||
|
||
<p><strong>hide_onmobile:</strong> if this set to true, the Tabs are hidden on Mobile Devices</p>
|
||
|
||
<p><strong>hide_delay:</strong> After how many “ms” the Tabs fade out.</p>
|
||
|
||
<p><strong>hide_delay_mobile:</strong> After how many “ms” the Tabs fade out on mobile devices. This can be different to
|
||
default hide_delay</p>
|
||
|
||
<p><strong>hide_under:</strong> Under the defined “px” the Tabs will be hidden.</p>
|
||
|
||
<p><strong>hide_over: </strong>Over the defined “px” the Tabs will be hidden.</p>
|
||
|
||
<p><strong>tmp:</strong> The HTML Markup for the Tabs. You can define any html based markup which will be used for the Tabs. See
|
||
examples later.</p>
|
||
|
||
<p><strong>h_align:</strong> The Horizontal Align of the Tabs within the Slider.</p>
|
||
|
||
<p><strong>v_align:</strong> The Vertical Align of the Tabs within the Slider.</p>
|
||
|
||
<p><strong>h_offset:</strong> The Horizontal offset in px from the Aligned position. Negative Values on left aligned elements
|
||
will move left, and negative values on right aligned elements will move right the element.</p>
|
||
|
||
<p><strong>v_offset:</strong> The Vertical offset in px from the Aligned position. Negative Values on top aligned
|
||
elements will move top, and negative values on bottom aligned elements will move bottom the element.</p>
|
||
|
||
<p><strong>direction</strong>: the Direction of the Tabs. Vertical or Horizontal.</p>
|
||
|
||
<p><strong>space</strong>: the space between single Tabs in px.</p>
|
||
|
||
<p><strong>position:</strong> Where the Tabs are drawn. Inner or Outer the Slider. (outer-left, outer-right, outer-top,
|
||
outer-bottom, inner)</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: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-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="slidersettings.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="slides.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-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 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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 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" 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" 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" 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" 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" 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 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" 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" 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" 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 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" 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 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" 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" 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" 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" 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" 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" 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 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" 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" 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" 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 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" 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" 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" 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" 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 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 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" 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" 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" 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" 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" 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" 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 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 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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 current-menu-item current-menu-ancestor current-menu-parent 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 current-menu-item current-menu-ancestor" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item current-menu-ancestor current-menu-parent 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 current-menu-item" 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 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" 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" 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> |