• slidebg1
    Faster
    &
    More
    Powerful
    Slider Revolution is the highly acclaimed
    slide-based displaying solution, thousands of
    businesses, theme developers and everyday
    people use and love!
    1000's
    Of Happy Users
    Rekord Breaking
    Sales on CodeCanyon
    A Professional Solution
    4.7/5 Stars
    Customer Rating
  • darkblurbg
    Caption Selection
    Custom Animation Editor
    With Live Preview
    With Style Preview
    Big
    Improvements
  • Design
    &
    Create
    With Total Layer Control
  • Timelined Captions
    Create Custom Animations
    with our Brand-New
    Transition Builder
  • videobg1
    Extensive Video Support
    Youtube
    Vimeo
    Self-Hosted HTML 5
    Next Slide: Full Screen Video
Static Layer 1 - 4

Static Layers

You can add now Static Layers to your Slider. Static Layers are defiend outside the Layers (since they are independent of any other elements and slides).

You will need to define the Start and End Slide and as always the start and end time where the Layer becomes visible, or hides again.

Add your Static Layers into the static layer wrapper under the <ul> tag within the Slider !

	  	
	  	<ul>
	  	  ...your slides and layers...
	  	</ul>
	  	
	  	<div class="tp-static-layers">
					<!-- LAYER NR. 1 -->
					<div class="tp-caption customin customout tp-static-layer"
						data-x="center" data-hoffset="100"
						data-y="bottom" data-voffset="0"
						data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
						data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
						data-speed="800"
						data-start="700"
						data-startslide="1"
						data-endslide="4"
						data-end="1800"
						data-easing="Power4.easeOut"
						data-endspeed="500"
						data-endeasing="Power4.easeIn"
						style="z-index: 3"><div class="rs-wave" data-angle="90" data-distance="40" data-radius="40" data-speed="2"><img src="images/woman.png" alt=""></div>
					</div>
			</div>