Purpose
The purpose of this plugin module is to provide support that will allow an overLIB popup to fade in/out on invocation. This feature is presently supported only in IE (PC version only), Netscape 6/7/Mozilla and Safari on the Mac. If any of the commands introduced in this module are used in another browser (i.e., Netscape 4.x, Opera 6/7, or IE on a Mac) they are either disabled (Ns4.x) or rendered ineffective (all other browsers mentioned above). An opacity of 100% signifies that the popup is not transparent while an opacity of 0% signifies that it is totally transparent. The "opacity" property is currently being discussed for CSS3, and the code was rewritten so as to be able to include this property whenever it becomes available.
To include this support module just place the following statements in the HEAD section of your document:
<SCRIPT TYPE="text/javascript" SRC="overlib.js"></SCRIPT> <SCRIPT TYPE="text/javascript" SRC="overlib_fade.js"> </SCRIPT>
You only have to make sure that the overlib_fade.js module is
loaded after the core module.
Download this module as a zip file.
Commands
- FADEIN example
- Will cause a popup to slowly fade into full visibility when activated.
Default value is off (0). When used on the command line, it will cause the
current default state to be switched (or toggled) to its opposite state
for this command only.
Variable: ol_fadein - FADEOUT example
- Will cause a popup to slowly fade from full visibility when activated.
Default value is off (0). When used on the command line, it will cause the
current default state to be switched (or toggled) to its opposite state
for this command only.
Variable: ol_fadeout - FADETIME msecs
- The time, in milli-seconds, required for the fading action to be completed.
Default value is 0.5 second (500 msecs).
Variable: ol_fadetime - OPACITY opaqueness level: 40 60 80 percent
- A number, between 0 and 100 (percent), that specifies how opaque the popup
will be. Default value is totally opaque (100%). During FADEIN, the popup
attains this level at the end of FADEIN while during FADEOUT, it begins
at this level. Negative values are converted to the corresponding positive
value.
Variable: ol_opacity
Restrictions
- This module can not be used with the SHADOW module in IE. There is some conflict, as yet unknown, that prevents all popups from being displayed when these two modules are employed together. This restriction does not apply to Netscape 6/7/Mozilla.
- If a FADEIN command is used, try to avoid moving the cursor while the fading action is ongoing. If you experience difficulties with subsequent popups, just manually reload (or refresh) your page to clear it up.
- FADEOUT can not be applied to a STICKY popup in any form (i.e., no STICKY, NOCLOSE, or MOUSEOFF commands are applied). FADEIN can be applied to a STICKY popup, but make sure that you wait until the action is complete before moving the cursor.
- If these commands are applied in Netscape 4.x, Opera 6/7 or IE on a Mac, they will be disabled since these features are not present or make use of system resources that are found only on a PC.
- Although these commands work in Netscape 6/7/Mozilla, they function best in IE on a Windows PC.
