|
To include this FX in your document you need to put the the following
in the HEAD section of your document
<!-- *** BEGIN CUT - Start Code *** -->
<!-- (* Another free JavaScript © from JavaScript-FX.com *) -->
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_Layer.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_Browser.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_FloatLR.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
function JSFX_StartEffects()
{
JSFX.AddFloatImg("images/cloud1.gif",
-2, 20, 50);
JSFX.AddFloatImg("images/plane1.gif",
4, 30, 100);
}
//-->
</SCRIPT>
<!-- *** END CUT - End Code *** -->
Use as many "JSFX.AddFloatImg()" calls as you have images to
display.
Put the following in the BODY TAG of your document
<BODY onLoad="JSFX_StartEffects()" STYLE="overflow:hidden">
You then need to upload your document and the folders "javascript"
and "images" to your site. (These folders were included in the
zip file).
NOTE: STYLE="overflow:hidden"
in the body tag ensures that spurious horizontal scrollbars do not apear
in IE when the images move off the right of your browser window.
Customization.......
Param1: "images/cloud1.gif" - Change
this to your floating image.
Param2: -2 - This is the speed of the image.
Negative = Right to Left.
Param3: 20 - This is the Y coordinate of
your image (how far down the page the image floats).
Param4: 50 - This is the opacity (transparancy)
of the image (IE Only). 100 = solid, 0 = completely transparent (invisible)
Also See...
Using External ".js"
Files
Combining Multiple Scripts.
| 
