- Fancy Stuff
  Assign Parallax Levels
  Control with Scroll or Mouse Movement
  Strinking Effects for your Website
  Easy Setup
  And Much More ...
- Parallax with Scroll
- Mobile
  Device
  Interaction
- Vimeo
  YouTube
  HTML5
  with
  Videos
  API
  Functions

## Parallax Scroll Effect

To enable the Parallax effect on scroll, you will need to define an array of Parallax Levels and the Parallax Art within the Slider option.

Furthermore do not forget to set the Layers which you wish to move in parallax mode add the Parallax Class as well.

### How to add Parallax mode to a layer ?

    		<div class="tp-caption customin fadeout rs-parallaxlevel-3"
    			data-x="-122"
    			data-y="12"
    			data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
    			data-speed="500"
    			data-start="1300"
    			data-easing="Power3.easeInOut"
    			data-elementdelay="0.1"
    			data-endelementdelay="0.1"
    			data-endspeed="600"
    			style="z-index: 10;"><img src="images/dummy.png" alt="" data-lazyload="images/ipad_dark.png">
    		</div>

### What option do i need to set?

      	  jQuery(document).ready(function() {
    					jQuery('#slider').show().revolution(
    						{
    						dottedOverlay:"none",
    						delay:16000,
    						startwidth:1170,
    						startheight:700,
    						hideThumbs:200,

    						thumbWidth:100,
    						thumbHeight:50,
    						thumbAmount:4,

    						navigationType:"none",
    						navigationArrows:"solo",
    						navigationStyle:"preview1",

    						touchenabled:"on",
    						onHoverStop:"on",

    						swipe_velocity: 0.7,
    						swipe_min_touches: 1,
    						swipe_max_touches: 1,
    						drag_block_vertical: false,

    						parallax:"scroll",
    						parallaxBgFreeze:"on",
    						parallaxLevels:[10,20,30,40,50,60,70,80,90,100],

    						keyboardNavigation:"off",

    						fullWidth:"on",
    						spinner:"spinner4",

    						forceFullWidth:"on",
    					});
    				});	//ready