Image Rollovers Please note, you must already have your imagemap coded for this to work and the files saved. And I'll be adding a imagemapping/hovering tutorial soon :]

1. Get your imagemap saved after you add the hovers.
2. Upload/add your html file to your site and then go to your photobucket.
3. Upload all the pictures in the folder titled "images".
4. Then go to the html page and open/edit it.
5. It should look like this at the bottom of the code.
<!-- ImageReady Slices (Untitled-1) --> <A HREF="#" ONMOUSEOVER="changeImages('id1_01', 'images/1_01-over.jpg'); return true;" ONMOUSEOUT="changeImages('id1_01', 'images/1_01.jpg'); return true;"> <IMG NAME="id1_01" SRC="images/1_01.jpg" WIDTH=144 HEIGHT=55 BORDER=0 USEMAP="#id1_01_Map"></A> <MAP NAME="id1_01_Map"> <AREA SHAPE="rect" ALT="" COORDS="19,6,127,50" HREF="http://ohmygoshhello.com"> </MAP> <!-- End ImageReady Slices -->
6. You see how in the code it says "images/1_01.jpg" and "images/1_01-over.jpg"? well go to your photobucket.
7. Make sure you know what your images are named. So with image/1_01-over.jpg, I'm going to change it to
http://i292.photobucket.com/albums/mm28/ohmygoshhello/1_01-over.jpg, do you understand?
All I'm doing to changing the images with no url to ones from photobucket.
Do the same with the other ones, http://i292.photobucket.com/albums/mm28/ohmygoshhello/1_01.jpg for the second. And where it says SRC="IMAGES/filename.jpg" change that one to the same as the last one. http://i292.photobucket.com/albums/mm28/ohmygoshhello/1_01.jpg and so on for as many rollovers you have.
Try this out with one first, just so you dont get lost...and heres my working example!