How do I add "Floaties" or floating images to my pages?

1) You need to go to this page and download the moveobj.js and then upload it to your server (where your pages & graphics are). Go to the Floating Image script from Dynamic Drive to get that.

2) Copy the code below

<script language="JavaScript" SRC="moveobj.js"> </script>
<script>

/*
Floating image script
By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
Permission granted to Dynamicdrive.com to feature it in it's archive
For 100's of FREE DHTML scripts and components,
Visit http://dynamicdrive.com
*/


var chip1;
var chip2;
var chip3;
//add or delete more variables, depending on how many images you're using

function pagestart()
{checkbrOK();
chip1=new Chip("chip1",60,80);
chip2=new Chip("chip2",60,80);
chip3=new Chip("chip3",60,80);
//add or delete more of the above, depending on how many images you're using
if(brOK)
{ movechip("chip1");
movechip("chip2");
movechip("chip3");
//add or delete more of the above, depending on how many images you're using
}
}
</script>

3) Paste the code near the top of your page by going to "insert" then "html code".

5) A few lines below the other code you will paste the code below. Then as before go to "insert" and then "html markup" and paste it.

</script>
<DIV ID="chip1" STYLE="position:absolute; width:11; height:16;">
<A HREF="http://www.annieshomepage.com/noahsark.html"><IMG SRC="drop1whirlpoolgraphics.gif" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:11; height:16;">
<A HREF="http://www.annieshomepage.com/noahsark.html"><IMG SRC="dropwhirlpoolgraphics.gif" BORDER=0></a>
</DIV>
<DIV ID="chip3" STYLE="position:absolute; width:11; height:16;">
<A HREF="http://www.annieshomepage.com/noahsark.html"><IMG SRC="drop2whirlpoolgraphics.gif" BORDER=0></a>
</DIV>

6) Personalize the code for your page. You can use all three images that are the same or three different images. It is entirely up to you. Change the image above in the 3 spots: IMG SRC="drop1whirlpoolgraphics.gif"

7) Change the URL to your page that you want the floating images in the 3 places above: HREF="http://www.annieshomepage.com/noahsark.html"

Make sure you do a test page first.

You can see them on these pages of mine:
Annie's Noah's Ark Page - floating images (3)
Annie's New Year Page - floating image (1)
Annie's Burst Your Bubble Page - floating images (3)

For Other Tips Pages by Annie:

Visit: Annie's "Tips for Front Page Express" Page

Annie's Home Page

Annie's Featured Holiday Page

Annie's Holiday Page

Annie's Featured Page

Annie's "Featured Page" Page

Email Annie