Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 17
  1. #1
    Member
    Join Date
    Jun 2003
    Location
    Madison, WI, USA
    Posts
    30
    Member #
    1590
    We were having a discussion here at work the other day about Javascript image rollovers as a web technology on the whole, and whether or not it is still a good (efficient, practical) way to do buttons, or if it has been replaced by other, newer ideas. DHTML is an obvious replacement, as is Flash, though I prefer *not* using Flash for menus and the like.

    Any thoughts?
    futureal@rctech.net | R/C Tech

  2.  

  3. #2
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    As far as I know... js image rollovers are DHTML. Dynamic HTML, it's not a different language rather the combination of javascript with (usually) CSS to dynamically change the content/design of the site. They're still good in my book.
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  4. #3
    Senior Member
    Join Date
    Jun 2003
    Location
    Australia
    Posts
    735
    Member #
    1935
    I think JS image rollovers are still an efficient way to add dynamics to a webpage. Presuming they are preloaded of-coarse.

  5. #4
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    I much prefer using CSS for image rollovers. It's a lot more efficient in my experience.

  6. #5
    Senior Member skrlin's Avatar
    Join Date
    Apr 2003
    Location
    Illinois
    Posts
    562
    Member #
    1063
    Sure they are still efficient and very widely used by even the biggest of corporations (Microsoft, Netscape, cnn, etc) whether the rollovers are CSS based (text-only) or DHTML based (text/images) I think they are still good to use as long as it goes along with the context of the site.
    - Brian

  7. #6
    Senior Member
    Join Date
    Jun 2003
    Location
    Australia
    Posts
    735
    Member #
    1935
    mossio - how could you you use CSS only for image rollovers?

  8. #7
    Senior Member skrlin's Avatar
    Join Date
    Apr 2003
    Location
    Illinois
    Posts
    562
    Member #
    1063
    Possibly using the background-image property of the A and A:hover tags with a set width.

    This may work (not tested):
    Code:
    <style type="text/css">
    
    A          { width: 75px; height: 30px; 
                   background-image: url('roll_out.jpg'); }
    
    A:hover    { width: 75px; height: 30px;
                   background-image: url('roll_over.jpg'); }
    
    </style>
    - Brian

  9. #8
    Senior Member skrlin's Avatar
    Join Date
    Apr 2003
    Location
    Illinois
    Posts
    562
    Member #
    1063
    I tried it out and with a few modifications, have it working.
    - Brian

  10. #9
    Senior Member mossoi's Avatar
    Join Date
    Apr 2003
    Location
    Englandshire, United Kingdomsville y'all!
    Posts
    1,111
    Member #
    1206
    Liked
    1 times
    Looks like skrlin beat me to it although it's not working for me I can see the method.

    Here's one I made as a demo:

    CSS Only Example

    EDIT: I try to make my rollovers completely graphic free to avoid any possible delay caused by load time. If I must use a graphic it's usually only 2 or 4 pixels to add a texture. It's amazing what you can do if you use all the options available in CSS - you can make buttons that look as good as graphics with a fraction of the load time.

  11. #10
    Senior Member
    Join Date
    Jun 2003
    Location
    Australia
    Posts
    735
    Member #
    1935
    true, ccs is fantastic if you use it properly. Thanks for showing me that. I have never really thought of using background-image to create image rollovers..
    Though i think the traditional way is still the most suited.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:54 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com