WPDFD Articles: Footnote April 2004

started by Ryan8720 on Apr 1, 2004 — RSS Feed

Ryan8720 Ryan8720
Posts: 1

Just though I'd let you know that there is a much better way that doesn't involve JavaScript at all.  They just use the CSS background position to move the image for each state.

http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
http://alistapart.com/articles/sprites/

I also use them on my personal site.  But they don't use an active state.

Joe Gillespie Joe Gillespie
Posts: 528

Yes, I wrote an article about CSS-only rollovers way back in November 2002 http://www.wpdfd.com/editorial/wpd1102.htm but it is limited to simple rollovers. With the film strip idea, you can have much more sophisticated rollovers, short animation sequences, and buttons that 'latch' like radio buttons. I'll be showing some of the more interesting things you can do next time.

You must login to reply