i work for a small electrical firm and i've been elected to design the website because of my graphic design abilities but i am completely new to html and such. my boss wants a lot done to the site but this seems like it would be the easiest thing to tackle right off. all he wants is the main image on the site to change from b/w to color when it is rolled over. how do i do that?

Hi!

That can be done either with JavaScript or CSS, depending on some things that we need to know. Is the image a background image or an inline image? If the latter, is it linked? The best would be if you could post the URL to a sample page so we can see for ourselves.

Just to clarify Pandy's post. You will need to create two seperate images. One in colour, the other in black and white. You would then use Javascript or CSS to change back and fourth between these two images.

its inline and not linked, its purely for aesthetic purposes. i don't have a way to show you since the site has yet to be published.

Then you are stuck with JS, because IE doesn't support CSS :hover on other than links.


Take care with the quotes. Substitute colorpic.jpg for the name of the picture you have now and bwpic.jpg for black and white version you are going to create.

You'll find more fancy ways to do it if you follow the Google link above, but that isn't needed really for a single image.

thank you so much!!