Hi, I consider playing with image rollover buttons. But which loads faster between pure css and javascript. Once I go with one, it will be difficult to change because too many headache to do so. The site is user registration-base with themes to selects. Thanks in advance
use css, and use one image with the rollover and the normal state in it and use pseudo class :hover to simply switch position on the background image to view the rollover state. If you use 2 separate images it might be at bit iffy with loading in IE, short delays etc. A small css sprite image if you will. JS for rollovers are always slower and the only real use is of you want more states, like mousedown, mouseup, active bla bla.
Proper CSS will always have less code characters then JS from a size and CPU point of view that is less work therefore faster .