Click to See Complete Forum and Search --> : Script help[Fading images]


Mim
06-29-2003, 08:05 AM
I'm trying to make a fading button like the one in this web page (http://javascript.internet.com/navigation/fading-rollover.html). But anytime I change the image sources to my own cutom images they are nolonger recognized by the browser. Can anyone help me with this problem. Thank You in advance.
Mim

Mr J
06-29-2003, 11:03 AM
Post your code so that we can see what you have done

David Harrison
06-29-2003, 11:08 AM
This is just a check, but do you realise that you need 6 different images for this script to work?

Mim
06-29-2003, 05:10 PM
I had 6 images, but that's not the problem. even if I just change 1 of the images to my custom made one (with the exception of the one that is set to boot at page load) it dosent' recognize it. I've kept the all the script the same, but changed the source image files to my own.

Mr J
06-29-2003, 05:21 PM
Like I said, post your code

How can we help if we cannot see what you've done?

Mim
06-30-2003, 07:49 AM
Here's the modified code. The same os the origional, with the following changes:
-removed top and bottom pictures
-changed fading pictures to custom fading pictures
-removed unneeded text

Mr J
06-30-2003, 09:55 AM
In the script you have


fadearray[0] = "\images\home0.jpg";
fadearray[1] = "\images\home1.jpg";
fadearray[2] = "\images\home2.jpg";
fadearray[3] = "\images\home3.jpg";
fadearray[4] = "\images\home4.jpg";
fadearray[5] = "\images\home5.jpg";

You have used a backslash instead of a forward slash


If the folder IMAGES is in the same folder as the page then you go:


fadearray[0] = "images/home0.jpg";
fadearray[1] = "images/home1.jpg";
fadearray[2] = "images/home2.jpg";
fadearray[3] = "images/home3.jpg";
fadearray[4] = "images/home4.jpg";
fadearray[5] = "images/home5.jpg";


If it is in the next directory up you go:


fadearray[0] = "../images/home0.jpg";
fadearray[1] = "../images/home1.jpg";
fadearray[2] = "../images/home2.jpg";
fadearray[3] = "../images/home3.jpg";
fadearray[4] = "../images/home4.jpg";
fadearray[5] = "../images/home5.jpg";

Mr J
06-30-2003, 09:56 AM
See attachment

Mim
06-30-2003, 12:26 PM
Thanks for all your help. I thought since it was still on my computer I could use the backslashes. I hope everyone is this helpful in the future.
Mim