W ith this java script you can have any image you choose to follow your mouse around. As you can already see it will work with animated as well as still images.
W e have tested the code in IE5.5, IE6, Netscape4.08 and Netscape7.0. This script worked well in all platforms with the exception of Netscape7.0 where it will "Not" work.
- 1) The image following the mouse will not be seen.
- 2) You will only see the regular cursor, no image.
- 3) Degrades well with no error messages.
I
f you would like to use the image we have, feel free to upload it to your editor and use it. Please do not link directly to this image. Our host ( Angelfire ) does not allow remote linking of images.
D epending on your knowledge of HTML and Java this script is not that hard of a copy and paste script to make work on your page. There are a few steps involved in order to get it to work.
F irst when you go to the page where the script is, you need to download the js file to your computer and then upload it to your editor. The name of this file will be "follow.js".
O nce this is done now find an image you want to follow your mouse around. The default size of the image is 70 X 20 pixels. We just reconfigured the size to fit our image which is 32 X 32 pixels. This you will see on the script where the size is to reconfigure for your image.
O nce you have an image uploaded to your editor now you need to paste the script into two sections of your document. The script will tell you which part goes into your "<HEAD>" section and which part goes into your "<BODY>" section. You also must reconfigure your image path instead of the default one that is on the script. When you change the path to yours (as with the follow.js file) be sure to include the entire path (http://www. etc) not just your /image. etc.
I
f you need any help on this feel free to contact us. Below is where in the <HEAD> section of your document are your reconfigurations.
[ Get Script Here ]
Reconfigurations In Head Section
IMage = "Complete Path To Your Image" ; Width = "32" ;
Height = "32" ; Noflies = "no"
//
//end hiding contents-->
</SCRIPT>
<SCRIPT LANGUAGE="javascript1.2"
SRC="Your Complete URL Path To/follow.js"></SCRIPT>
</HEAD>
On A final Note:
T
he small section of code you paste just above the closing </BODY> tag, you must also enter the complete path to your image.
DO NOT change the WIDTH and HEIGHT sizes in this section.
<DIV ID="mo" STYLE="position:absolute;">
<IMG SRC="Complete Path To Your Uploaded Image" WIDTH="1" HEIGHT="1"></DIV>
</HTML>