Mandarin Logo
MainBlogFAQsBox TipsText TricksColor ChartFree GalleryCSS Opacity
TWO CENTS CURRENT ISSUE 2004 | AUG | SEP | OCT | NOV WEST SACRAMENTO CALIFORNIA USA

FadeImages Applet

The FadeImages applet accepts additional parameters including background color,transition delay, display delay, and repeat values. Applets like FadeImages are written to use applet parameters and allow their functionality to be modified without writing any Java code.

Compare the JavaScript Slideshow with Cross-fade with the FadeImages Applet. Both will fade an unlimited number of images. Both are somewhat browser sensitive.

Photos by Mandarin

FadeImages - Easy Applet Setup

1. Select a few images, each the same size. Here we are using three images.

2. Upload the file FadeImages.class into the same directory as the web page where you are going to put the applet.
Click here to download the FadeImages.class file.

3. Change the parameters.
Tell the browser which applet to load and how big to make it. The applet tag must include the following:

<APPLET CODE="FadeImages.class" WIDTH=x HEIGHT=y> 

4. Place this code into your HTML file and change the name of the images.

<APPLET CODE="FadeImages.class" WIDTH="320" HEIGHT="240" 
ALIGN="TOP" HSPACE="10" VSPACE="10">
<PARAM NAME="IMAGE 1" VALUE="yourimage1.jpg">
<PARAM NAME="IMAGE 2" VALUE="yourimage2.gif">
<PARAM NAME="IMAGE 3" VALUE="yourimage3.jpg">
<PARAM NAME="DISPLAY DELAY" VALUE="3000">
<PARAM NAME="TRANSITION DELAY" VALUE="100">
<PARAM NAME="TRANSITION FRAMES" VALUE="10">
<PARAM NAME="BGCOLOR" VALUE="FFA000">>
</APPLET>

That's it.

Back to Top   Back to Webmaster Help   Back to Main

Technorati Profile