Test Index · Photo Borders · Table of sliced images - Rounded corners · Sliced images and manually linked · Overlap Images · Create a Watermark · Gif Png Transparency · Buttons-Image Links · Image Names · Image Theft · Lake Applet · Other applets · Slideshow1 · Slideshow2 · Slideshow3 · Galleries · DD Thumbnail Viewer · image map · xara thumbnail · Random Image · LOGO BRANDING · Animated Image · photo with sound

Other Java Applets: (3 java codes with samples)

#1 Animated image reflection:

Dancing Gerbils [Applet: lake]

This applet can be used on animated images or still images.

IMPORTANT: This is a different applet then the Lake.class file used in the other tutorial, but it follows the same instructions.

Download lake.class

Take a plain animated image:

(from a free animated clipart site)

And transform it - give it a reflection:

Important note: This tutorial is made with lake.class not Lake.class! The capital L matters!

1. Adjust image size:

Use a photo program to check pixel size. Width stays the same.

Height of image increased: multiply by 1.9 Ex: height is 48 44 x 1.9 = 91.2 = rounded to 91 pixels

Use your calculated height in the inserted HTML code

2. Insert the code: Insert > HTML NOTE: Items in red are changed to match yours

CSB User: Insert > HTML (same as Trellix Webgem) CSB User: still use ^GEMDIR in code!

</applet>

3. Insert both files into Gem files (Webcomponent)

CSB User: Files for this component is same as Gem Files!

Make sure capitalization is same as you used in the code (step 2)!

4. Publish!

NOTE: if using frames, the link will load in current frame unless you add:

to open in a new window (added to variation 1), add:

VARIATION 1: add a border

Add items in blue for a tight border around image:

<center><table border=5 cellspacing=0 cellpadding=0><tr><td>

</applet></td></tr></table></center>

NOTE: Items in red are changed to match yours

# 2: Water layer over image

Bowling Lane Oil Slick [Applet: PoolMenu]

Before you go to the bowling alley, check to see just how oily the lanes really are!

Move cursor over the lane surface.

Download these files:

ImageMap.class

Pool.class

PoolMenu.class

Take a plain image:

And transform it - give it a watery layer on top:

I have this posted on a bowling league site

1. Download the 3 class files noted above. You can use the alley image or any JPG image.

2. Insert the code: Insert > HTML NOTE: Items in red are changed to match yours

CSB User: Insert > HTML (same as Trellix Webgem) CSB User: still use ^GEMDIR in code!

</applet></td></tr></table></center>

3. Insert all four files into Webcomponent (Gem files)

CSB User: Files for this component is same as Gem Files!

Make sure capitalization is same as you used in the code (step 2)!

4. Publish!

# 3: Swirling Snow over image

Make a Holiday Card or seasonal statement for your site!

[Applet: alcsnow]

Photo donated by Willie Rissell for use in this sample.

Download this file:

alcsnow.class

These images were sent to me by friends in the north to remind me what I am missing in Florida (USA)

A. Take a plain image:

And transform it - give it a snowy layer on top:

B. Take a plain image:

And transform it - give it a snowy layer on top:

(harder to see with too much white in image)

C. Yes....an animated image can be used under the snow overlay:

(Santa image came from a free gif site)

1. Download the class file noted above. You can use the any JPG or GIF image.

2. Insert the code: Insert > HTML NOTE: Items in red are changed to match yours

CSB User: Insert > HTML (same as Trellix Webgem) CSB User: still use ^GEMDIR in code!

This is the code I used for the snowytrees (the car is the same except image name and size)

</applet></td></tr></table></center>

Two values you can change to suit your needs:

"snows" value="500": This value (500) can be adjusted up or down

larger number = more snow flakes

lower number = less snow flakes

"threadsleep" value="50": This value (50) can be adjusted up or down

larger number = snow flakes fall slower

lower number = snow flakes fall faster

For comparison, the car in the snow (B) is set to 800/25 more flakes, faster.

The Santa image (C) is much smaller so set to 100/100 less flakes, slower.

3. Insert the image and class file into the Webcomponent (Gem files)

CSB User: Files for this component is same as Gem Files!

Make sure capitalization is same as you used in the code (step 2)!

4. Publish!

Enjoy!

# 4: RAIN. Way too much downpore over image

[Applet: Confetti]

This is a conversion of the code sample on this page:

Please download the image and files from that location.

This sample is different. The way the applet is written, it requires that you have the image in the SAME DIRECTORY on your web page. You must use FTP or file manager/control panel provided by your host to put the image on your website. You can not use CSB/Trellix to upload this image and get the applet to work.

1. Download the class file and image from this page:

http://javaboutique.internet.com/Rain/index.html

Start with the image they provide, then change to any JPG or TRANSPARENT GIF image you choose.

2. Insert the MODIFIED code: Insert > HTML NOTE: Items in red are changed to match yours

CSB User: Insert > HTML (same as Trellix Webgem) CSB User: still use ^GEMDIR in code!

</APPLET>

Values you can change to suit your needs:

RAIN COLOR is limited to these colors:

white

lightGray

gray

darkGray

black

The color of the rain is important if you want to change the image.

Read the README FILE that is included in the download to change angle of rain, etc.

3. Insert the class file into the Webcomponent (Gem files)

CSB User: Files for this component is same as Gem Files!

Make sure capitalization is same as you used in the code (step 2)!

4. Publish!