Make your own free website on Tripod.com



Lake Applet Help




Click on the 'laketst.html' file that was dowloaded with this zip file and you will see two Lake Applets, one a lion and the other a waterfall. These Applets are easy to make and require very little work at all.
First of all, here's a short explanation of how this type of Applet works. Simply put. what is happening here is that you are taking an image, any JPG or GIF image and the 'Lake.class' file is causing the entire image to appear to reflect on water. There are only a couple of things that are necessary to know. Number one (1); place your image or images, html code, and the 'Lake.class' file all in the same folder on your computer (pc) or in the same directory on your server. Number two (2); Make sure that your Applet width is the same as your image width and that the Applet height is 'twice' the height of your image less approximately 10 or 20 points. Depending on the size of your image you can play with this number until it looks right to you. The purpose of making the Applet height a bit shorter than 'twice' the image height is to remove the gray bar that will appear at the bottom of the Applet. This is all that is necessary to place a lake Applet on your site.
*Reminder*, don't forget to upload the 'Lake.class' file to your directory. You only have to upload the class file 'once', no matter how many Lake Applets you may have in your directory! Optionally, if you are using separate folders for your files you will have to add the 'codebase' attribute to your html code. For instance, if your 'class' files are kept in a folder called 'classes' you would change the beginning of the Applet code below to look like this:
<APPLET CODEBASE="classes/" CODE="Lake.class" id="Lake" width=390 height=495>

Ok, I have included in this zip file the necessary images 'lion.jpg' and 'falls.jpg' so that you can copy and paste the code below into your html document just for fun. Practice never hurts I suppose! Just remember to place the images, the html code, and the 'Lake.class' file all in the same folder! If you are using a text editor copy the entire code. If you are using an html editor copy the code between '///begin cut' and '///end cut'. If you just wish to use one Applet copy the necessary code between 'begin applet code' and 'end applet code' and paste it into your document. Although it is not necessary, I have placed both applets within tables in order to provide the borders that you see (color will only appear on level 4 browsers, gray on others). Change the hex number following BORDERCOLOR to change its color! For example. "#ffffff" is white, "#0000ff" is blue etc.
*Reminder*, when you replace the images in this example with your own, make sure that the Applet width is changed to 'your' image width and that the Applet height is 'twice your' image height less 10 or 20 points. JPG images load faster and of course smaller images load faster. Keep that in mind. I think that I have included all that is necessary so have fun!!! Let know at the address or number below if you have any problems or just to let me know how you made out! I'd appreciate it! Have a blast!!





<HTML>
<HEAD>
<TITLE>Lake Applet</TITLE>
</HEAD>
<BODY BACKGROUND="" BGCOLOR="#000000" TEXT="#ffffff" LINK="#0000ff"
VLINK="#0000ff" ALINK="#0000ff">

<!--------------------///begin cut here for just applet codes and table---------------------->
<CENTER>
<TABLE WIDTH="70%" BORDER=6 BORDERCOLOR="#0000ff">
<TR>
<!-- Row 1 Column 1 -->
<TD ALIGN=CENTER>
<!----begin applet code------------->
<APPLET CODE="Lake.class" id="Lake" width=390 height=495>
<CENTER>
<PARAM NAME=image value="lion.jpg">
</APPLET>
</CENTER>
<!---------------end applet code-------->
</TR>
</TD>
</TABLE>
<BR>
<HR WIDTH="75%" ALIGN=CENTER>
<BR>
<CENTER>
<TABLE WIDTH="65%" BORDER=6 BORDERCOLOR="#0000ff">
<TR>
<!-- Row 1 Column 1 -->
<TD ALIGN=CENTER>
<!-------------begin applet code----->
<CENTER>
<APPLET CODE="Lake.class" id="Lake" width=360 height=453>
<PARAM NAME=image value="falls.jpg">
</APPLET>
</CENTER>
<!--------end applet code---------->
</TD>
</TR>
</TABLE>
</CENTER>
<!-------------///end cut here for just applet codes and table-------------------------->

</BODY>
</HTML>




Email Bruce

ICQ number   12020739

Forget where you got this?

Right Here