Mouseover with images

[dirkfirst]

i believe this is possible since i seen it before. What i want to have is code that has an image that shows in white color and when you moveover it, it turns a color. I know it requires 2 images but that is all i know.

[RobSoftware]

So basically you want the image to change to a new image when you do a mouseover?

[Frantic]

You will need to use javascript for this, not html.

You could do it with CSS as well and thats more recommended than using javascript.

[DevilsCharm]

If you design a web page with Flash, that's easy, and as Frantic said it's possible to do with Javascript (although I didn't know that).

[Dan]

Simple!

<script language="Javascript">
<!--
//Slide Show script (this notice must stay intact)
//For this and more scripts
//visit java-scripts.net or http://wsabstract.com

if (document.images) {
     button1 = new Image
     button2 = new Image

     button1.src = 'img1.gif'
     button2.src = 'img2.gif'
 }
//-->
</script>

Obviously you can edit the values above to match your requirements.

[Jimbo]

I'd use css to do this

http://www.google.com/search?q=css+rollover

loads of tutorials there

[egon]

Dan, I'm not good at all with JavaScript, but shouldn't he use the on.mouseover() function?

[Lop]

Nice, CSS looks a lot easier than Javascript. I didn't realize CSS could do this.

[xtraze]

I have found some nice tutorials at JavaScript Kit- Comprehensive JavaScript, DHTML, CSS tutorials and over 400+ free JavaScripts! and here is the link to the place you must go to get whatever you want.
JavaScript Kit- Images and music scripts