rollover button in a block

[cepsi]

ive looked into this on a few sites now but cant seem to find an answer other than "not sure". The ones here tend to be related to text links. Is it possible/is there code for a rollover button with a link that can be placed in a block to make it look more interactive? i have a button;

and basically have a second image that i want to appear when the link/image is pressed/rolled over (as it appears in most sites menubars etc.)
I did it in dreamweaver and copied the code over to a html block but no success??
i know a few people who are looking for this, and i have searched around here, smf and few of the smaller sites too but too no avail.

I hope i explained this correctly and sorry if i have posted this in the wrong place.

ty cep

[IchBin]

Let me google that for you!

[JPDeni]

There's a tutorial for using css for this here -- http://www.tutorials007.com/index.php/css-rollover-effect/

[cepsi]

lmao i love your way Ich! awesome sarcasm, but in my defence didnt know it was javascript, im still learning all this jazz. Ok i have nearly got it i have the rollover, i have the link, everything is great, BUT, when the mouse comes off the image(after rolling over and not presssing) the rollover image remains and doesnt revert back to the original image?  I copied the code as i found it obviously replacing my images and links.
(as u can probably tell im flying by the seat of my pants when it comes to code)

[JPDeni]

PS Deni, i was aware of the CSS link but i need this button in a Block, not on the main site.( i think thats right?)

So put it in a block.

[cepsi]

found this site http://javascript.internet.com/generators/preload-images.html awsome just copied teh code and in it went! bah coding nothing to it

[IchBin]

haha... Cool! Thats why I posted the google for you. These type of things can be learned by simply trying code you find around the internet.