Parallax Box 3/4
Parallax Box 3/4 components help you to generate awesome parallax effects which will interact with mouse movements and mobile device gestures, within minutes.
This component has 2 part, one wrapper and child(layer) components.
Wrapper
Height : Height of the box in pixels.
Relative Input : Specifies whether or not to use the coordinate system of the element passed to the parallax constructor. Mouse input only.
Clip Relative Input : Specifies whether or not to clip the mouse input to the bounds of the element passed to the parallax constructor. Mouse input only.
Calibrate X : Specifies whether or not to cache & calculate the motion relative to the initial x axis value on initialization.
Calibrate Y : Specifies whether or not to cache & calculate the motion relative to the initial y axis value on initialization.
Invert X : true moves layers in opposition to the device motion, false slides them away.
Invert Y : true moves layers in opposition to the device motion, false slides them away.
Limit X : A numeric value limits the total range of motion in x, false allows layers to move with complete freedom.
Limit Y : A numeric value limits the total range of motion in y, false allows layers to move with complete freedom.
Scalar X : Multiplies the input motion by this value, increasing or decreasing the sensitivity of the layer motion.
Scalar Y : Multiplies the input motion by this value, increasing or decreasing the sensitivity of the layer motion.
Friction X : The amount of friction the layers experience. This essentially adds some easing to the layer motion.
Friction Y : The amount of friction the layers experience. This essentially adds some easing to the layer motion.
Layer (Parallax Box 2 Layer)
Image : Select images that you want to build parallax layers. Each image will be count as one layer.
Depth : Please enter values like; 1.00, 0.50, 0.80.
Opacity : Opacity of the layer.
See it in action : http://rosie.freevision.me/pages/services/