http://www.intimatexpressiongifts.com Romantic Gifts

Janim Lake Applet Tutorial

An applet must not only have a class file uploaded to your webspace to work, but it also requires an html code on the page in which it will be used. The html code contains the parameters and values that tell our class file what to do.

Now that we have the pictures we are going to use for our applet, we need to set the parameters for the applet. A good explanation of paramters can be found here(This page will open in a new window so you can bookmark it and come back to it as you need when setting paramters for your own applet). The parameters are what tell the applet class file which pictures to use and in what order. The term value that you see, tells the parameter what the name of the image is it needs to use. The term value is also used to denote speed, wavelength and size, which is explained above in the page on parameters.. The parameters also are the options I will explain in just a bit. For now we will start with the most simple ones we will be using.

The code you see below is the html code you will be using on your webpage in order for your applet to work. Simply copy and paste this code to your webpage, replacing "name of your picture here" with the name of your picture.

The width and height must be changed to those of your pictures. The ones here in this html code are here so you can see how mine is done. Your table width will always be the same width as your picture. The height needs to be changed. A good rule of thumb I have always followed is to double my height and remove 30 from it. I can adjust the height based on what looks best to me.

The parameter "xlrot" is the rotation speed for my pictures. This tells the class file how often to change my pictures. 4 is the default setting. The settings range from 1 to 10. with 1 being the fastest and 10 being the slowest. This can also be changed to suit.

Notice our applet is shown in a table. This is so that the class file can keep the applet in one location and center it to the page. If you would like, a simple code can be added to the border code to give our border a color. Simply add "bordercolor=name-of-your-color" next to the setting for the table border.

In Part Four of my Janim Lake Applet Tutorial we will see the completed lake applet and show other options available to you for using the applet.

Janim Lake Applet Tutorial Part Four

HOME

Tutorial Index

The photographs used throughout this tutorial are used with permission and licensure of BigBaer.com. They are not to be copied or duplicated in any way. They are the exclusive copywritten property of Jack C. Baer/BigBaer.com

If you like this page layout, the double border background, it's not as hard as it seems. (Look, NO TABLES!) You can get the code for this CSS background border design and others at BigBaer.com