easy tools properties preblock

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 (mode) { javascript before - remove overlay (fn) - set overlay - javascript after }

class
set a class for the overlay
NOTE: ie. use as selector in the   pageload-callback   mode
IMPORTANT: set an unique class for each preblock overlay used !
•••• var: string

overlay | z-index
set overlay z-index
NOTE: is only enabled if the target is window - window level only
•••• var: string

overlay | color
set overlay background color
NOTE: the   overlay | color (edit)   property overrides this property

overlay | color (edit)
set overlay background color as an editable (ie. use as variable)
NOTE: this property overrides the   overlay | color   property if not set to   not used
•••• var: string

overlay | image
set overlay background image
•••• var: string

overlay | image repeat
set overlay background image repeat mode + background image position
NOTE: if position is not used the default position becomes   left top
•••• var: string

overlay | adjust
module | preblock   internally uses   module | reposition   to position the preblock overlay
on some structures the preblock overlay, on object level, may not cover the complete object     ie. jQueryTabs
at these occasions this property can be used to manually adjust the preblock overlay dimension
of course it can also be used for styling purpose ?   (positive and negative values are possible)
NOTE: is only enabled if the target is an object - object level only
•••• var: non-string

preload | position
set preloader text and image position by specified positions   ( top-left, top-center, top-right, etc )
IMPORTANT:
this property works in coherence with the   preload image and text    top and left    offset   properties
in default state this property is set to   center-center   but with a   text top offset of    -50
if this property would be set to ie. top-left without adjusting the offset properties the loading text would not be visible
the loading text would run off screen
recommended: when changing this property, set the 4 image and text offset properties to 0 first
see preload image offset + preload text offset
•••• var: string

preload image | default
choose internal animated .gifs as animated preloader
NOTE: the   preload image | file   property overrides this property

preload image | file
set a custom animated image as animated preloader, ie. use these online preloader generators here and here
NOTE: this property overrides the   preload image | default   property if not set to   BLANK
•••• var: string

preload image | offset left
set preload image offset left position - (default: -10) - see also
•••• var: non-string

preload image | offset top
set preload image offset top position - (default: -10) - see also
•••• var: non-string

preload image | width
set preload image width
•••• var: string

preload image | height
set preload image height
•••• var: string

preload text | text
set preload text loading text
•••• var: string

preload text | offset left
set preload text offset left position - (default: 0) - see also
•••• var: non-string

preload text | offset top
set preload text offset top position - (default: -50) - see also
•••• var: non-string

preload text | font family
set preload text font family
•••• var: string

preload text | font size
set preload text font size
•••• var: string

preload text | font weight
set preload text font weight
•••• var: string

preload text | font color
set preload text font color
NOTE: the   preload text | font color (edit)   property overrides this property

preload text | font color (edit)
set preload text font color as an editable (ie. use as variable)
NOTE: this property overrides the   preload text | font color   property if not set to   not used
•••• var: string

preload text | font B-color
set preload text font background color
NOTE: the   preload text | font B-color (edit)   property overrides this property

preload text | font B-color (edit)
set preload text font background color as an editable (ie. use as variable)
NOTE: this property overrides the   preload text | font B-color   property if not set to   not used
•••• var: string

timer | wait
set the time delay before the overlay start it's fadeout
or when the   pageload-redirect   mode is used this will set an extra delay time before the redirect executes
NOTE: this is the visible overlay wait time
•••• var: non-string

timer | fade out
set the overlay fade out time
NOTE: this is the visible overlay fade out time
•••• var: non-string

timer | remove
set the overlay block page time
NOTE: this is the invisible overlay wait time before the overlay removes (opacity is 0)
•••• var: non-string

pageload | timer
enable use of the timer properties when in   pageload   modes

pageload | redirect
set the url for the page to redirect to in the   pageload-redirect   mode

callback | preblock after
add a function after the preblock removes   (= after 2nd call)
the callback function in full range is beyond the scope of this manual
for an in depth on callback and run on call see here

callback | pageload callback
add a function for the   pageload-callback   mode   (= after 1st call)
ie. use module | OnLoad to customize animate the preblock overlay out of view, target the preblock   class   see here
the callback function in full range is beyond the scope of this manual
for an in depth on callback and run on call see here

run on load mode
the preblock overlay runs in 5 modes
timer             = the preblock overlay is set and removed as the timer properties dictates
run on call       = the preblock overlay is not set but can be called to set and remove by calling
/ false             the preblock run on call as a switch
                    the preblock overlay is set and removed as the timer properties dictates
pageload-ready    = the preblock overlay is set and removed on page ready
                    the timer properties can be enabled with the property pageload | timer
pageload-callback = the preblock overlay is set but will not remove, the pageload | callback can
                    be used to create a custom removal
                    the timer properties can be enabled with the property pageload | timer
pageload-redirect = the preblock overlay is set and redirects on page ready to the target page
                    the timer | wait property can be enabled with the property pageload | timer
•••• var: string

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 | target
instead of working on window level   code modification | target   modifies to operate on object level instead (see here)

code modification | variable
add function variables ie. Call_Preblock_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