Annie's "How to Add Floating Images?" Page


This is a page that gives tips for HTML using Front Page Express which is the program
that Annie uses. It is available free with Internet Explorer 4.0 & 5.0

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

 

Click here to go to Annie's Home Page
Annie's Home Page

Annie's Featured Holiday Page
Have a "Happy Everything"!
Annie's Holiday Page

Annie's Featured Page

Annie's "Featured Page" Page


Email Annie

Copyright 2001 - 2006 Annie's Home Page. All Rights Reserved. I thank the Lord for
graphics artists without them these pages would not be the same. Please visit
Annie's List of Great Graphics Spots for a list of their links. Some Graphics
on this page from
Graphics by Irene & Graphic Garden.
This site hosted by:
Christian Web Host.

For a Listing of the Rest of my Pages:
Annie's Directions to My House - Banner - My Index Page