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.