SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Feb 2002
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Dynamic rollovers

    What is the best application to use to create dynamic rollovers. Nothing too complicated. See the navigation bar on kissonline for an example.

    Presumably these are anmimated gifs? What's the best application to create them? Flash, Fireworks etc..

  2. #2
    SitePoint Wizard bbolte's Avatar
    Join Date
    Nov 2001
    Location
    The Central Plains
    Posts
    3,301
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it really doesn't matter how you create your graphics (fireworks, photoshop, imageready, psp), the example you included uses javascript. there are plently of downloadable scripts to grab from places like javascripts.com or something. all you need are 2 graphics, 1 mouse off version and 1 mouse over version (they do have to be the same dimensions). if you use dreamweaver, it will set up the javascript for you as will fireworks and imageready. or you could use (dare i say it?) frontpage to set it up...

  3. #3
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A good article on mouseovers:

    http://www.webmasterbase.com/article/625

  4. #4
    SitePoint Enthusiast Mr ilind's Avatar
    Join Date
    Jan 2002
    Location
    Belgium
    Posts
    93
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you can use imageready to make a few interactive
    banners i think.

    Greetz

    ilind
    Don't blame me, I'm not perfect. giwdesign.com

  5. #5
    Photoshop Ninja jonnya's Avatar
    Join Date
    Jan 2002
    Location
    Birmingham UK
    Posts
    733
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, the Javascript rollover effect is an oldie, but a goldie! Simple to do, and I believe bbolte provided a good explaination. I personally use Dreamweaver to insert the javascript to control the rollovers, and Photoshop/Imageready to do the graphics... although just about any reasonable image program would do the job (like Paint Shop Pro). Indeed a very good point was made by bbolte that you should make sure that your images are the same size (and any text is EXACTLY in the same postion). It this is not followed, you will get a nasty jumpy effect.

    Oh, one final point, Imageready will actually generate the code to control the rollovers, which is quite useful. I would imagine that some other programs to this too.
    Jonnya Freelance Creative
    UK Freelance designer and web developer
    Website | Portfolio | Photoshop Tips


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •