Lake effects are created using a file called a "class". The code is called a Java Applet.

This is an example of an image without code



and one with the applet added.



In order to create a lake effect you need to:
1.  download the "lake.class" to your computer
2.  find out the dimensions of your image file: width and height *
3.  use the EXACT width in the code
4.  multiply the height by 1.8
5.  study the following code
6.  insert the following code

<applet code=lake name=lake1 width=299 height=187>
<param name=image value="IMAGE.FORMAT">
<param name="speed" value="15">
<param name="href" value="http://www.geocities.com/racc_con_ed/index.html">
</applet>


Note that each part of the code sets a parameter. Also note that the image links back to the index page of the tutorial.

7.  speed can be set for slow to fast: <param name="speed" value="15"> (this is the speed I chose, it defaults to 50 which is a lot faster

8.  upload your html file, the image, and the lake.class to your server


A table border can also be added to frame the image:


This is an example of one class called "AnWater.class"

Sorry, your browser doesn't support Java.
Note what happens when you move your mouse across or around the image :)

In order to create the rain effect you need to:
1.  download the 4 files below to your computer
2.  find out the dimensions of your image file: width and height *
3.  use the EXACT width in the code
4.  use the EXACT height in the code
5.  study the following code
6.  insert the following code
7.  upload all the files to your web server

The 4 files required to make this applet work are:
AnWater.class
anfy.class
Lware.class
AnWater.jar

The code you will use is:
<table border="2" cellspacing="7">
<tr>
<td>
<div align="center">
<center>
<table border="2" cellspacing="6">Note the double-border :)
<tr>
<td><strong><font face="Arial" size="3">
<applet archive="AnWater.jar" code="AnWater.class" width="128" height="192"> (be sure to set your own image size)
<param name="credits" value="Applet by Fabio Ciucci (www.anfyteam.com)">
<param name="regcode" value="NO">
<param name="reglink" value="NO">
<param name="regnewframe" value="YES"> <param name="regframename" value="_blank">
<param name="statusmsg" value="Water applet">
<param name="image" value="woods2.jpg"> (be sure to change your image name
<param name="res" value="1">
<param name="light" value="YES">
<param name="minlight" value="0">
<param name="maxlight" value="100">
<param name="autodesign" value="YES">
<param name="density" value="4">
<param name="fishnum" value="0">
<param name="cross" value="NO">
<param name="crossfactor" value="30">
<param name="rainsize" value="0">
<param name="rainfactor" value="10">
<param name="srainsize" value="3">
<param name="srainfactor" value="10">
<param name="fixdrop" value="NO">
<param name="fixdropX" value="0">
<param name="fixdropY" value="0">
<param name="fixdropS" value="0">
<param name="fixdropF" value="0">
<param name="pressure" value="400">
<param name="fluidmode" value="water">
<param name="interactive" value="YES">
<param name="overimg" value="NO">
<param name="overimgX" value="0">
<param name="overimgY" value="0">
<param name="memdelay" value="1000">
<param name="priority" value="3">
<param name="MinSYNC" value="10">
Sorry, your browser doesn't support Java. </applet>
</font></strong></td>
</tr>
</table>
</center></div></td>
</tr>
</table>


*The best program I have found for working with images (including figuring the dimensions) is PaintShopPro.

Snow
Valentines
Drop-Down Navigation
Info Boxes

Special Effects....Images


Tutorials:
Basic HTML
#1
Working with Images
#2
Working with Tables
#3
Creating Links
#4
Special Effects
#5
Webrings
#6

Assignments:
Basic HTML
#1
Images
#2
Tables
#3
Links
#4
Special Effects
#5
Webrings
#6

Back to Index
Hosted by www.Geocities.ws

1