Advanced Customization.
Place 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_ImageFader.js"></SCRIPT>

<SCRIPT LANGUAGE="javascript">
function JSFX_StartEffects()
{
     JSFX.fadeImageAuto(20, 10, 5);
}
</SCRIPT>
<!-- *** END CUT - End Code *** -->

Where
20 is the initial opacity of the image (0% - 100%)
10 is the fade up step.
5 is the fade down step.
The higher the number, the faster the fade. Multiples of 100 work best.
1, 2, 4, 5, 10, 20, 25, 50.

Put the following in the BODY TAG of your document

<BODY onLoad="JSFX_StartEffects()">

Put the following in the BODY of your document, where you want the image that fades:-

<IMG SRC="images/home.gif" class="imageFader">

 

Also See...
Using External ".js" Files
Combining Multiple Scripts.