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_FadingRollovers.js"></SCRIPT>
<SCRIPT LANGUAGE="javascript" SRC="javascript/JSFX_FadingSlides.js"></SCRIPT>
<STYLE TYPE="text/css">
.imgFader{ position:relative; filter:alpha(opacity=0); -moz-opacity:0% }
</STYLE>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
<!--
function JSFX_StartEffects()
{
    mySlide1 = new JSFX.FadingSlideShow("description", 4, 10);

    mySlide1.addSlide("images/description1.gif");
    mySlide1.addSlide("images/description2.gif");
    mySlide1.addSlide("images/description3.gif");
    mySlide1.addSlide("images/description4.gif");
    mySlide1.addSlide("images/description5.gif");
    mySlide1.start();
}
//-->
</SCRIPT>
<!-- *** END CUT - End Code *** -->

Put the following in the BODY TAG of your document

<BODY onLoad="JSFX_StartEffects()">

Put the following HTML in the BODY where you want the slides to display

<IMG SRC="images/description_off.gif" WIDTH="200" HEIGHT="150" NAME="description" class="imgFader">

Customization.
Param1: "description" - If you only have 1 slide show you can leave this alone.
Param2: 4 - Change this to the time (in seconds) to display each image.
Param3: 10 - Change this to speed of the fade in/out step (1-100) smaller = slower fade.

To add images to your slideshow use the following

    mySlide1.addSlide("images/description1.gif");

where "images/description1.gif" is the URL of the image to display. (The URL is relative to the page in which the slideshow is defined.)

Advanced Cutomization... (Coming soon)

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