parallax | object | offset
set an optional offset left position for the object (pos/neg)
•••• var: non-string
parallax | object | z-index
set an option z-index manual - useful to keep the parallax object in front or in back
•••• var: non-string
parallax | object | position
set the parallax object position mode
left = object sticks to the left of the window viewport
right = object sticks to the right of the window viewport
center = object follows WB page centering if applicable
NOTE: option center always abides the object - left - position !
•••• var: non-string
parallax | object | horizontal scroll
enables the parallax object to abide the horizontal scrollbar if horizontal parallaxing is disabled
•••• var: non-string
set an optional offset left position for the object (pos/neg)
•••• var: non-string
parallax | object | z-index
set an option z-index manual - useful to keep the parallax object in front or in back
•••• var: non-string
parallax | object | position
set the parallax object position mode
left = object sticks to the left of the window viewport
right = object sticks to the right of the window viewport
center = object follows WB page centering if applicable
NOTE: option center always abides the object - left - position !
•••• var: non-string
parallax | object | horizontal scroll
enables the parallax object to abide the horizontal scrollbar if horizontal parallaxing is disabled
•••• var: non-string
parallax | vertical | limit
set the vertical scroll limit, if set to true the object stops it's vertical motion on the window viewport
NOTE: overrides vertical loop mode
NOTE: mainly used with parallax background image mode
•••• var: non-string
parallax | vertical | loop
set the vertical loop mode, from JMPv3.0 b5.3 on the loop mode consisit of 2 variations
false = loop off - NOTE: var: false
loop inside = loop inside the window viewport - NOTE: var: true
loop outside = loop outside the window viewport - NOTE: var: 1
•••• var: non-string
parallax | vertical | reverse
set the vertical motion mode, if set to true the object will travel in the opposite direction of the window scroll
•••• var: non-string
set the vertical scroll limit, if set to true the object stops it's vertical motion on the window viewport
NOTE: overrides vertical loop mode
NOTE: mainly used with parallax background image mode
•••• var: non-string
parallax | vertical | loop
set the vertical loop mode, from JMPv3.0 b5.3 on the loop mode consisit of 2 variations
false = loop off - NOTE: var: false
loop inside = loop inside the window viewport - NOTE: var: true
loop outside = loop outside the window viewport - NOTE: var: 1
•••• var: non-string
parallax | vertical | reverse
set the vertical motion mode, if set to true the object will travel in the opposite direction of the window scroll
•••• var: non-string
identifier
1. identifier is used to write down notes of animations, actions and anything we find important to make note of
identifier is a visual reference
2. identifier also provides a quick overview of the function structure flow
STRUCTURE: function (e) { javascript before - init - javascript after }
selector
target an object by id (#) or class (.) or element
the full range on selectors is beyond the scope of this manual
for an in depth on selectors simplified see here
•••• var: string
mode
set the parallax mode
the full list of parallax modes is:
plaxify
parallax object
parallax background image
1. identifier is used to write down notes of animations, actions and anything we find important to make note of
identifier is a visual reference
2. identifier also provides a quick overview of the function structure flow
STRUCTURE: function (e) { javascript before - init - javascript after }
selector
target an object by id (#) or class (.) or element
the full range on selectors is beyond the scope of this manual
for an in depth on selectors simplified see here
•••• var: string
mode
set the parallax mode
the full list of parallax modes is:
plaxify
parallax object
parallax background image
plaxify | range X
set the horizontal range of motion of the object on mouse movement
NOTE: positive value and negative values possible
•••• var: non-string
plaxify | range Y
set the vertical range of motion of the object on mouse movement
NOTE: positive and negative values possible
•••• var: non-string
plaxify | reverse
set the motion mode, if set to true the object will travel in the opposite direction of the mouse movement
NOTE: the range X and range Y can also be negative which has the same reverse effect
•••• var: non-string
plaxify | easing
easing effect will add non-linear movement to animation, movement like acceleration, bounce, elastic etc
the full list of easing effects is:
back-in, back-out, back-inout
bounce-in, bounce-out, bounce-inout
circ-in, circ-out, circ-inout
cubic-in, cubic-out, cubic-inout
elas-in, elas-out, elas-inout
expo-in, expo-out, expo-inout
quad-in, quad-out, quad-inout
quart-in, quart-out, quart-inout
quint-in, quint-out, quint-inout
sine-in, sine-out, sine-inout
swing, linear
NOTE: for a reference on easing effect see here
•••• var: string
plaxify | duration
set (enable) animation duration for a plaxified object
NOTE: false = 1
•••• var: non-string
plaxify | rwd mode
set left offset position
this option enables rwd mode and is used in combination with RWD design
this option changes the manner of positioning the plaxified object - see more information here
•••• var: non-string
plaxify | global | activity target
set the target selector on which plaxify will activate, - target a specific area (object) or document or window
NOTE: this option sets the activity target GLOBAL for all plaxified objects, the last instance sets the activity target - see also here
RECOMMENDED: only change this property if specific required
•••• var: string
set the horizontal range of motion of the object on mouse movement
NOTE: positive value and negative values possible
•••• var: non-string
plaxify | range Y
set the vertical range of motion of the object on mouse movement
NOTE: positive and negative values possible
•••• var: non-string
plaxify | reverse
set the motion mode, if set to true the object will travel in the opposite direction of the mouse movement
NOTE: the range X and range Y can also be negative which has the same reverse effect
•••• var: non-string
plaxify | easing
easing effect will add non-linear movement to animation, movement like acceleration, bounce, elastic etc
the full list of easing effects is:
back-in, back-out, back-inout
bounce-in, bounce-out, bounce-inout
circ-in, circ-out, circ-inout
cubic-in, cubic-out, cubic-inout
elas-in, elas-out, elas-inout
expo-in, expo-out, expo-inout
quad-in, quad-out, quad-inout
quart-in, quart-out, quart-inout
quint-in, quint-out, quint-inout
sine-in, sine-out, sine-inout
swing, linear
NOTE: for a reference on easing effect see here
•••• var: string
plaxify | duration
set (enable) animation duration for a plaxified object
NOTE: false = 1
•••• var: non-string
plaxify | rwd mode
set left offset position
this option enables rwd mode and is used in combination with RWD design
this option changes the manner of positioning the plaxified object - see more information here
•••• var: non-string
plaxify | global | activity target
set the target selector on which plaxify will activate, - target a specific area (object) or document or window
NOTE: this option sets the activity target GLOBAL for all plaxified objects, the last instance sets the activity target - see also here
RECOMMENDED: only change this property if specific required
•••• var: string
-----
run on load
run on load enables or disables this module to run on page load
run on call
run on call is the function name we can give this current function
we can call this function to occur ie. by using a callback | function
for an in depth on callback and run on call see here
code modification | variable
add function variables ie. Call_Disable_1(myVariable)
this function is beyond the scope of this manual see here
code modification | javascript | after
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual see here
code modification | javascript | before
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual see here
run on load
run on load enables or disables this module to run on page load
run on call
run on call is the function name we can give this current function
we can call this function to occur ie. by using a callback | function
for an in depth on callback and run on call see here
code modification | variable
add function variables ie. Call_Disable_1(myVariable)
this function is beyond the scope of this manual see here
code modification | javascript | after
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual see here
code modification | javascript | before
add javascript, further enhancing this function by adding custom code
this function is beyond the scope of this manual see here
parallax | horizontal | enable
enable horizontal parallax scroll
•••• var: non-string
parallax | horizontal | speed
set the speed of motion on the horizontal window scroll
ie.
2 = scroll twice the speed of a window scroll
.5 = scroll half the speed of a window scroll
enable horizontal parallax scroll
•••• var: non-string
parallax | horizontal | speed
set the speed of motion on the horizontal window scroll
ie.
2 = scroll twice the speed of a window scroll
.5 = scroll half the speed of a window scroll
parallax | vertical | enable
enable vertical parallax scroll
•••• var: non-string
parallax | vertical | speed
set the speed of motion on the vertical window scroll
ie.
2 = scroll twice the speed of a window scroll
.5 = scroll half the speed of a window scroll
enable vertical parallax scroll
•••• var: non-string
parallax | vertical | speed
set the speed of motion on the vertical window scroll
ie.
2 = scroll twice the speed of a window scroll
.5 = scroll half the speed of a window scroll
__________________________________________________________________________
more info on module | parallax see here Overview
more info on module | parallax see here Online Tutorials
more info on module | parallax see here Overview
more info on module | parallax see here Online Tutorials
b5.3
b5.3
b5.3
b5.3
b5.3
b5.3
MODULE PARALLAX - PROPERTIES
b5.6
b5.6
b5.6
NOTE: the speed increases from 0 upward - 0/.1/.2/.3/.4/.../.9/1/2/3/4 etc
•••• var: non-string
parallax | horizontal | limit
set the horizontal scroll limit, if set to true the object stops it's horizontal motion on the window viewport
NOTE: overrides horizontal loop mode
NOTE: mainly used with parallax background image mode
•••• var: non-string
parallax | horizontal | loop
set the horizontal loop mode, from JMPv3.0 b5.3 on the loop mode consisit of 2 variations
false = loop off - NOTE: var: false
loop inside = loop inside the window viewport - NOTE: var: true
loop outside = loop outside the window viewport - NOTE: var: 1
•••• var: non-string
parallax | horizontal | reverse
set the vertical motion mode, if set to true the object will travel in the opposite direction of the window scroll
•••• var: non-string
•••• var: non-string
parallax | horizontal | limit
set the horizontal scroll limit, if set to true the object stops it's horizontal motion on the window viewport
NOTE: overrides horizontal loop mode
NOTE: mainly used with parallax background image mode
•••• var: non-string
parallax | horizontal | loop
set the horizontal loop mode, from JMPv3.0 b5.3 on the loop mode consisit of 2 variations
false = loop off - NOTE: var: false
loop inside = loop inside the window viewport - NOTE: var: true
loop outside = loop outside the window viewport - NOTE: var: 1
•••• var: non-string
parallax | horizontal | reverse
set the vertical motion mode, if set to true the object will travel in the opposite direction of the window scroll
•••• var: non-string
parallax | bg | width
set the width of the background image in %
NOTE: value can not be set below 100% - will automatically revert to 100%
•••• var: non-string
parallax | bg | height
set the height of the background image in %
NOTE: value can not be set below 100% - will automatically revert to 100%
•••• var: non-string
parallax | bg | repeat
set the repeat mode of the background image, true is repeat in both direction
•••• var: non-string
set the width of the background image in %
NOTE: value can not be set below 100% - will automatically revert to 100%
•••• var: non-string
parallax | bg | height
set the height of the background image in %
NOTE: value can not be set below 100% - will automatically revert to 100%
•••• var: non-string
parallax | bg | repeat
set the repeat mode of the background image, true is repeat in both direction
•••• var: non-string
PARALLAX VERTICAL
NOTE: the speed increases from 0 upward - 0/.1/.2/.3/.4/.../.9/1/2/3/4 etc
•••• var: non-string
PARALLAX HORIZONTAL
PARALLAX OBJECT
PARALLAX BACKGROUND IMAGE
PLAXIFY
b5.6
PLUGIN