Topic: Background image shifting as a rollover (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=23729" title="Pages that link to Topic: Background image shifting as a rollover (Page 1 of 1)" rel="nofollow" >Topic: Background image shifting as a rollover <span class="small">(Page 1 of 1)</span>\

 
Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

IP logged posted posted 10-20-2004 05:23 Edit Quote

Well, going through some old favorites, I checked out http://www.abcnews.com/ and noticed that they had done a redesign. I went noodling around in the source, and saw an interesting method of doing rollovers via CSS. For their main navigation at the top, as well as the tabbed boxes on the lower right side, they create the rollover effect by shifting the background image (such as http://abcnews.go.com/images/site/btn_header_nav.gif ).

I realize that by doing this, they alleviate the problem of having to preload the rollover images. They also perform the rollover without javascript (another plus). But I'm curious as to any other benefits of this method. I thought it quite intelligent, actually. Reminds me of the old WinAmp skinning images.



(Edited by Pugzly on 10-20-2004 05:23)

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 10-20-2004 11:15 Edit Quote

Thank to Petr Stanícek aka -pixy- and the many CSS advocates, CSS rollovers are in the hoods since many months now ( july 2003, and certainly before ). To my knowledge, Dan Rubin is the first to have publicly used and explained the navigation matrix method.



(Edited by poi on 10-20-2004 11:20)

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

IP logged posted posted 10-20-2004 14:03 Edit Quote

Very cool. Thanks for the links!



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu