Images

Oh, please don't use the layer-2-DOWN images. I only want the over and the normal images.

Thanks! Sorry for the trouble.
Oh, why did I place the down images in the first place? I guess I was lazy, and just copy pasted it.

Wait! It does work! I can bet you anything that you have a slow internet connection. All you have to do is place your mouse over the images until they change. Trust me. It works.

Yeah, I have a slow connection. I'm using Dial-up at 52 KPBS. But if it works... is there a way to make it work faster? I saw some rollovers that worked fast for dial-up. I made my rollovers with help from this tutorial: http://www.cadtutor.net/wb/fp/rollover/rollover.html

There are two ways that I can think of, and each will ultimately make your image size smaller.

1. Decrease the size of the image (dimensions) (recommended)
2. Decrease its quality (not recommended because it would be a huge turn off for your visitors)
3. Save the pics as png

You can always make the buttons smaller by resizing it using a program like Microsoft Image Resizer

Microsoft Paint does a very nice job of decreasing image sizes. Simply save it as a .jpg file.

OR! You can save your pictures are png files. I find that large png files take less than 100 KB of space whereas large jpg files can take up to 1 megabyte. Huge difference.

I don't suggest using a program to convert the image to a png file because conversions are not always smooth...I say just make the image from scratch in Paint, and save it as a png file that way.

There is a fourth option, and that is making a preloader, but I don't know how to do that.

I'm going to go with Microsoft Image resizer. I'll let you know when it's done. Thanks! (Yeah, the files are pretty big, I was lazy again) *Kicks self*
Tells self: "Get motivated you fool!"

You can save your self the burden of having to see these problems by inserting a preloading code in html page.

add this chunk of javascript to the <head</head> tags of your page:



replace image1.jpg to image4.jpg with the pictures that you are using, add more as prefered.

and replace

with this:



by doing this, all your images will load before the site shows, so the on mouse over will automactically show up if you have a slow connection.

hope this will help,
-whyme

Thanks! I'll need that! That's what I need! Even though I changed the image sizes, it's still slow. I'll use that code... I'll tell you what happens. THANKS!

gald i could help, tell me how things went.

-whyme

Here's an example I did with frontpage directly. As in, I made the page and uplaoded it FROM frontpage. Just make a new web. Frontpage will automatically upload the js file for you:

http://www.rjprojects.cjb.net