~ lake.class applet with frame overlay ~

 

Another variation of the lake.class applet that you can do is the frame gif image overlay.   If you would like to add a decorative frame over top of your image and not have it be affected by the water movement, it can be accomplished easily.  

 

For this, you will need to make your frame image the same size as you used for your applet in the applet tag.  You do not need to follow the standard formula for this applet. Instead, make the applet height exactly 2 times the height of your image and your frame the same size.

 

*** Note - an animation will not work.  This is the frame i made for mine.  I used some tubes to give it a 3-D effect.

 

    

 

The image will need to be uploaded to your website.  If you are following my method, it should be placed in the applets folder. 

 

Please Note ***  If you need to make a change to your image, after you have uploaded and previewed it, there are 2 options.  First, you could simply delete the one you uploaded to your webshell,  change the name of the image and upload the new file to your website. 

 

The other way that you could use is to empty out your temporary internet files, which would contain the incorrect copy of the image that you had downloaded and viewed before. However, even though you have changed the image and uploaded the new image to your webshell, you will still continue to see the previously viewed image. 

 

Since the filenames are the same, the new file will not download into the temporary internet files until you physically remove the old file.  Once that happens, the new file can replace it.  Unless you choose to go through all the steps involved to empty your temporary internet files each time you change your image, you might simply want to rename the new file.  I find that it is faster and much less confusing for me.

 

Now we will go on to the scripting part for the overlay image and the lake.class applet.  There is a small addition to the code needed which you will find in the new code below. Make the change to your new applet tag that is hightlighted in red below. 

 

For Stationery Use: 

 

 <APPLET codeBase="http://your website addy/" code=lake.class width=312 height=480><PARAM NAME="overlay" VALUE="applets/frame name.gif "><PARAM NAME="image" VALUE="applets/image name.jpg"></APPLET>

 

Copy the <applet> code above and paste it onto a notepad document. Save the document as an .html file and upload it to your website. I name my documents something similar to my stationery creation .html for easy retrieval at a later date if necessary for changes to be made to the file.

 

Once you have uploaded the file, you will use the name of this file in the src="address"  in the <IFRAME> tag that is pasted into your stationery script.  I have highlighted in red in the code below the changes that you will need to make.

 

Iframe Code:

 

<IFRAME class=iFrameA height=480 marginHeight=0  src="http://www.your website.com/name of applet file.html"  frameBorder=0 width=312 marginWidth=0 scrolling=no></IFRAME>

 

*Don't forget to change the height and width of your image in the <iframe> tag.

 

For Websites Use: 

 

<APPLET code=lake.class width=312 height=480><PARAM NAME="overlay" VALUE="applets/frame name.gif"><PARAM NAME="image" VALUE="applets/imagename.jpg"></APPLET>

 

The image will automatically be centered overtop the applet.  There is no way that I know of to position the image inside this applet.  You can, however, make the applet height in the applet code a little smaller or larger to adjust the size of the applet for a better fit.

 

I hope that you will try this one. It gives your applet a very lovely 3-dimensional effect that I am sure you will have great fun with.

 

And as always, if you should need any help, please don't be afraid to ask Karen, Shari, NormaJean or any of the other group members for assistance. We will be glad to help you.

Hugs,

 

Karen

 

 

Copyright İFebruary, 2002 - All Rights Reserved.
(Updated - February, 2011)