Image Rollovers Without JavaScript (Use CSS Instead) 3

[MichiganRon]

I just came across this tutorial and thought others might benefit from it.

Usually, when a developer wants to create a button which changes on rollover, they will use the "onmouseover" and "onmouseout" events to trigger some JavaScript code which changes the image used for the button.

This tutorial breaks the JavaScript tether and shows how to do this using CSS and a single image. No more preloading the alternate images. This solution is so simple, I wish I would have thought of it. Oh well, here you go:

http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/

-Ron

“If you are irritated by every rub, how will you be polished?”
~ Mevlana Rumi


murof siht edisni kcuts m'I - PLEH

 

[petey]

Good post, an excellent technique that's catching on fast. Here's some similar tutorials on the subject:

http://alistapart.com/articles/sprites/

http://alistapart.com/articles/rollovers/

Cheers!

http://www.drpeterjones.com/

News and views of some obscure guy

 

[MichiganRon]

That's actually where I found this tutorial. I linked to the one I did because it was "short and to the point". However, I've discovered that alistapart.com is an excellent website for this kind of info.

Ron

“If you are irritated by every rub, how will you be polished?”
~ Mevlana Rumi


murof siht edisni kcuts m'I - PLEH

 

[frainbreeze]

in the immortal words of C Montgomery Burns.."exxxcellent"..

cheers for those

 

[petey]

I linked to the one I did because it was "short and to the point".

Hey cool, I didn't realize that was a tutorial that you wrote. Good work!

http://www.drpeterjones.com/

News and views of some obscure guy

 

[MichiganRon]

I'd love to take credit for it, but I didn't write it. What I meant was "I linked to the one I linked to because..."

Sorry 'bout the confusing semantics.



“If you are irritated by every rub, how will you be polished?”
~ Mevlana Rumi


murof siht edisni kcuts m'I - PLEH