[rz] Layers II *** UPDATED 2014-Oct-14 ***
Posted: Mon Jun 17, 2013 9:13 am
[rz] Layers II - v2.1
This set of extensions allows you to easily manage layers and play a bit with them.
You can have a set of layers "widgets-like" and easily show/hide/scroll them.
Sample project file included.
DEMO
HTML 4.01 Transitional
W3C compliant
* NEW in version 2.1.0.0:
main library and extensions libraries
- Optimized detection of [rz] tools instances.
- Optimized the 3D push effect parser for buttons.
- Optimized workaround that fixes events running in background while the layer container is hidden.
- Improved fast-calls handlers (fixed a sporadic bug in repeated open/close sequences).
- Improved images preloading for (even) smoother navigation experience.
- Reduced libraries files.
oc2
- Improved fast-calls handler for ungrouped layers.
- Improved close procedure in pseudo-modal mode (related to [esc] and/or click outside of the layer to dismiss).
* NEW in version 2.0.0.2:
- Hover and push icons are optional.
- Optimized libraries for faster loading times.
* NEW in version 2.0.0.1:
This minor update resolves an unstable IE7 bug in nested hidden layers.
Fixed an introduced bug in hover/out handler.
The final HTML output is even smaller.
Loop extension is automatically shown/hidden/stopped when it is attached to OCM, OCPN.
Loop extension has an improved method to play/stop when it is attached to OCM, OCPN, PN, PND, PND2.
Advanced: new structure "object-period-function" for functions: MyObject.related_function(); (see below).
Advanced: new structure "object-period-value" for parameters: MyObject.related_status; (see below).
Advanced coding for custom startup: MyObject_some_startup_value = X; (see below).
* NEW in version 2.0.0:
All library files were optimized and moved to external and centralized files; only small setups are in the final html. This means: faster loading, less bandwidth, smaller final html.
Optimized images preloading for smoother navigation.
Push icon images (you can leave them blank, but they will be required in next versions; however, you can always reuse the same image also within the same extension).
Three exit modes in modal layers: a) By programming (see the instructions below), b) Clicking anywhere outside the modal layer or c) Pressing [Esc].
Improved sequences and steps in loops.
Direction for backward or forward cycles in grouped layers.
Optimized [rz] Button extension included in the pack, reducing the page loading by reusing common code.
Based on jQuery 1.9 with jQuery 1.7 backward compatibility.
[rz] Layers (lib) optimizes the library files loading, with an optional alert in the case that some file is missing.
Full backward compatibility with [rz] Layers 1.5+ free version.
Deprecated properties were removed.
Attention:
The [rz] Layers II free test version has a small banner, you can contact here: http://www.magnawebstudio.com for removal.
You can downgrade to v1.5+ whenever you want, just keep a copy of your previous zip file for reinstall purposes.
(more version history in rz-layers-info.txt file.)
How to use?
Depending on the selected extension (ocn/pn/pnd/pnd2/ocpn), you must have all the layers named with a common prefix, that identifies the group they are belonging to, then, numerated consecutively as follows:
group-a-1 (prefix 'group-a-', with 3 layers)
group-a-2
group-a-3
group-b-0 (prefix 'group-b-', this group has a fixed background and 2 layers)
group-b-1
group-b-2
Then, if applicable (if the selected extension manages a group of layers), indicate the number of layers that be managed.
For an optimal effect, the set of layers belonging to the same extension/purpose should be at the same x/y coordinates and have the same size.
[rz] Layers (oc)
Open/Close
This extension allows you to open and close a layer.
Advanced/custom programming available functions (i.e. for events in standard text links - or any other object that supports events):
MyObject.open() - open the layer
MyObject.close() - close the layer
MyObject.toggle() - open the layer if it is closed or close the layer if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
[rz] Layers (oc2)
Open/Close (extended version)
This extension allows you to open and close a layer synchronously within a group.
Just name the group to which the layer belongs to.
Advanced/custom programming available functions (i.e. for events in standard text links - or any other object that supports events):
MyObject.open() - open synchronously the grouped layer
MyObject.close(force_close) - close the layer
MyObject.toggle() - open synchronously the grouped layer if it is closed or close the layer if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
Optional parameter "force_close": will close the layer even if it is busy triggering other sequences.
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
[rz] Layers (ocm)
Open/Close/More
This extension allows you to open and close a group of layers.
Once you click and make visible the first layer, you can scroll through the other layers.
Advanced/custom programming available functions:
MyObject.open() - open the layer
MyObject.close() - close the layer
MyObject.next() - open/slide the next layer
MyObject.toggle() - open the layers set if it is closed or close the layers set if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
MyObject.curr_layer - read-only: indicates the current shown layer
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (pn)
Previous/Next
This extension allows you to go to the previous or the next layer (belonging to the same group).
Advanced/custom programming available functions:
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (pag)
Pagination/Previous/Next
This extension allows you to go to the previous or the next layer (belonging to the same group).
Also has direct links to each page (like a panel showing access to the available layers).
Advanced/custom programming available functions:
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.goto(layer_number) - open/slide the specified layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Required parameter "layer_number": programmatically go to the specified layer.
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (pnd)
Previous/Next/Default
This extension allows you to go to the previous or the next layer (belonging to the same group), clicking on the "go default" icon, the first layer is shown.
Advanced/custom programming available functions:
MyObject.dflt() - go fast to the default layer
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_default_layer - indicates the start-up/go-to default layer, usually is the first opened
MyObject_start_layer - the layer to be first opened
[rz] Layers (pnd2)
Previous/Next/Default (extended version)
This extension allows you to go to the previous or the next layer (belonging to the same group), clicking on the "go default" icon, the first layer is shown.
Also an object belonging to the first/default layer is shown or hidden when it is active or not.
Advanced/custom programming available functions:
MyObject.dflt() - go fast to the default layer
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_default_layer - indicates the start-up/go-to default layer, usually is the first opened
MyObject_start_layer - the layer to be first opened
[rz] Layers (ocpn)
Open/Close/Previous/Next
This extension allows you to open and close a group of scrollable layers.
You can go to the previous or the next layer (belonging to the same group).
Advanced/custom programming available functions:
MyObject.open() - open the layer
MyObject.close() - close the layer
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.toggle() - open the layers set if it is closed or close the layers set if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (loop)
This add-on converts "go to previous/next layer" extensions to a "loopable" cycle.
Can automatically or manually start the cycle. Just point to the extension to be "converted".
Advanced/custom programming available functions:
MyObject.play() - start the looping sequence
MyObject.stop() - stop the looping sequence
MyObject.toggle() - start the layers set looping if it is stoped or stop the layers set looping if it is started
MyObject.started - read-only: indicates that the sequence started and is running
[rz] Layers (shake)
This extension allows you to shake a layer when you click on an icon or the mouse is over it.
It is useful when you need the user's attention.
[rz] Layers (btn)
This lightweight extension allows you to setup an image button with ease.
Similar to the rollover extension; no jQuery effects, but this image button can receive focus, support events and many link options.
[rz] Layers (lib)
This extension must be included in the page you are using the listed extensions.
Just enter which code you want to include or remove.
You can disable the missing-library alert in your final site.
That's all.
Hope you can find them useful.
Enjoy!
This set of extensions allows you to easily manage layers and play a bit with them.
You can have a set of layers "widgets-like" and easily show/hide/scroll them.
Sample project file included.
DEMO
HTML 4.01 Transitional
W3C compliant
* NEW in version 2.1.0.0:
main library and extensions libraries
- Optimized detection of [rz] tools instances.
- Optimized the 3D push effect parser for buttons.
- Optimized workaround that fixes events running in background while the layer container is hidden.
- Improved fast-calls handlers (fixed a sporadic bug in repeated open/close sequences).
- Improved images preloading for (even) smoother navigation experience.
- Reduced libraries files.
oc2
- Improved fast-calls handler for ungrouped layers.
- Improved close procedure in pseudo-modal mode (related to [esc] and/or click outside of the layer to dismiss).
* NEW in version 2.0.0.2:
- Hover and push icons are optional.
- Optimized libraries for faster loading times.
* NEW in version 2.0.0.1:
This minor update resolves an unstable IE7 bug in nested hidden layers.
Fixed an introduced bug in hover/out handler.
The final HTML output is even smaller.
Loop extension is automatically shown/hidden/stopped when it is attached to OCM, OCPN.
Loop extension has an improved method to play/stop when it is attached to OCM, OCPN, PN, PND, PND2.
Advanced: new structure "object-period-function" for functions: MyObject.related_function(); (see below).
Advanced: new structure "object-period-value" for parameters: MyObject.related_status; (see below).
Advanced coding for custom startup: MyObject_some_startup_value = X; (see below).
* NEW in version 2.0.0:
All library files were optimized and moved to external and centralized files; only small setups are in the final html. This means: faster loading, less bandwidth, smaller final html.
Optimized images preloading for smoother navigation.
Push icon images (you can leave them blank, but they will be required in next versions; however, you can always reuse the same image also within the same extension).
Three exit modes in modal layers: a) By programming (see the instructions below), b) Clicking anywhere outside the modal layer or c) Pressing [Esc].
Improved sequences and steps in loops.
Direction for backward or forward cycles in grouped layers.
Optimized [rz] Button extension included in the pack, reducing the page loading by reusing common code.
Based on jQuery 1.9 with jQuery 1.7 backward compatibility.
[rz] Layers (lib) optimizes the library files loading, with an optional alert in the case that some file is missing.
Full backward compatibility with [rz] Layers 1.5+ free version.
Deprecated properties were removed.
Attention:
The [rz] Layers II free test version has a small banner, you can contact here: http://www.magnawebstudio.com for removal.
You can downgrade to v1.5+ whenever you want, just keep a copy of your previous zip file for reinstall purposes.
(more version history in rz-layers-info.txt file.)
How to use?
Depending on the selected extension (ocn/pn/pnd/pnd2/ocpn), you must have all the layers named with a common prefix, that identifies the group they are belonging to, then, numerated consecutively as follows:
group-a-1 (prefix 'group-a-', with 3 layers)
group-a-2
group-a-3
group-b-0 (prefix 'group-b-', this group has a fixed background and 2 layers)
group-b-1
group-b-2
Then, if applicable (if the selected extension manages a group of layers), indicate the number of layers that be managed.
For an optimal effect, the set of layers belonging to the same extension/purpose should be at the same x/y coordinates and have the same size.
[rz] Layers (oc)
Open/Close
This extension allows you to open and close a layer.
Advanced/custom programming available functions (i.e. for events in standard text links - or any other object that supports events):
MyObject.open() - open the layer
MyObject.close() - close the layer
MyObject.toggle() - open the layer if it is closed or close the layer if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
[rz] Layers (oc2)
Open/Close (extended version)
This extension allows you to open and close a layer synchronously within a group.
Just name the group to which the layer belongs to.
Advanced/custom programming available functions (i.e. for events in standard text links - or any other object that supports events):
MyObject.open() - open synchronously the grouped layer
MyObject.close(force_close) - close the layer
MyObject.toggle() - open synchronously the grouped layer if it is closed or close the layer if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
Optional parameter "force_close": will close the layer even if it is busy triggering other sequences.
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
[rz] Layers (ocm)
Open/Close/More
This extension allows you to open and close a group of layers.
Once you click and make visible the first layer, you can scroll through the other layers.
Advanced/custom programming available functions:
MyObject.open() - open the layer
MyObject.close() - close the layer
MyObject.next() - open/slide the next layer
MyObject.toggle() - open the layers set if it is closed or close the layers set if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
MyObject.curr_layer - read-only: indicates the current shown layer
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (pn)
Previous/Next
This extension allows you to go to the previous or the next layer (belonging to the same group).
Advanced/custom programming available functions:
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (pag)
Pagination/Previous/Next
This extension allows you to go to the previous or the next layer (belonging to the same group).
Also has direct links to each page (like a panel showing access to the available layers).
Advanced/custom programming available functions:
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.goto(layer_number) - open/slide the specified layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Required parameter "layer_number": programmatically go to the specified layer.
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (pnd)
Previous/Next/Default
This extension allows you to go to the previous or the next layer (belonging to the same group), clicking on the "go default" icon, the first layer is shown.
Advanced/custom programming available functions:
MyObject.dflt() - go fast to the default layer
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_default_layer - indicates the start-up/go-to default layer, usually is the first opened
MyObject_start_layer - the layer to be first opened
[rz] Layers (pnd2)
Previous/Next/Default (extended version)
This extension allows you to go to the previous or the next layer (belonging to the same group), clicking on the "go default" icon, the first layer is shown.
Also an object belonging to the first/default layer is shown or hidden when it is active or not.
Advanced/custom programming available functions:
MyObject.dflt() - go fast to the default layer
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_default_layer - indicates the start-up/go-to default layer, usually is the first opened
MyObject_start_layer - the layer to be first opened
[rz] Layers (ocpn)
Open/Close/Previous/Next
This extension allows you to open and close a group of scrollable layers.
You can go to the previous or the next layer (belonging to the same group).
Advanced/custom programming available functions:
MyObject.open() - open the layer
MyObject.close() - close the layer
MyObject.prev(force_loop) - open/slide the previous layer
MyObject.next(force_loop) - open/slide the next layer
MyObject.toggle() - open the layers set if it is closed or close the layers set if it is opened
MyObject.busy() - if returns true, the object is busy triggering other sequences
MyObject.opened - read-only: if its value is true, the related objects are opened; if false, the related objects are closed
MyObject.curr_layer - read-only: indicates the current shown layer
Optional parameter "force_loop": you can startover the cycle also when you selected "stay on last" and/or "stay on first"; if the loop extension is attached, it also won't be affected unless this parameter is empty.
Programatically custom startup:
MyObject_start_layer - the layer to be first opened
[rz] Layers (loop)
This add-on converts "go to previous/next layer" extensions to a "loopable" cycle.
Can automatically or manually start the cycle. Just point to the extension to be "converted".
Advanced/custom programming available functions:
MyObject.play() - start the looping sequence
MyObject.stop() - stop the looping sequence
MyObject.toggle() - start the layers set looping if it is stoped or stop the layers set looping if it is started
MyObject.started - read-only: indicates that the sequence started and is running
[rz] Layers (shake)
This extension allows you to shake a layer when you click on an icon or the mouse is over it.
It is useful when you need the user's attention.
[rz] Layers (btn)
This lightweight extension allows you to setup an image button with ease.
Similar to the rollover extension; no jQuery effects, but this image button can receive focus, support events and many link options.
[rz] Layers (lib)
This extension must be included in the page you are using the listed extensions.
Just enter which code you want to include or remove.
You can disable the missing-library alert in your final site.
That's all.
Hope you can find them useful.
Enjoy!