Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2004
    Utah, USA
    Thanked 0 Times in 0 Posts

    Help: Dropdown Menu from images

    I need to create a dropdown menu when the mouse hovers over an image. I've created the image and I have it in slices. Here is a link to an example of the menu images.

    Menu Image

    Any help is appreciated. Thanks.
    Last edited by silverskymedia; 04-12-2005 at 10:03 AM.

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Thanked 0 Times in 0 Posts
    Fireworks is good at that, if you arent going to be writing the scripts yourself. Otherwise you'd have to learn to write according to your design: do you want a CSS-based menu to drop down? More images with links? etc. etc. The basic strategy would probably be to use 'onmouseover', providing you cut each menu item into its own image. Alternatively you could use a CSS map to make fields on the image itself.

    When the mouse is over that area or image (depending on what you implement), you'd then have to either reveal something that was previously hidden (CSS can do that- have the images load, but remain hidden; then upon the onmouseover you could have it become visible) or load a new image/field.

    I'd recommend doing some searches online to find out more- maybe 'drop down menus' or 'javascript [drop down] menus'. Or you could wait for someone here who is more familiar with this to give you some examples.

    It might also help if you give some specifics on how you intend the drop down to look- ie. more images or just text.

    Good luck,

    ATTN. MOD.: I'm not too familiar with the posting 'customs' here, and I'd like to know if this post is positive or not, being that I'm sure 'half an answer' (as this one is) is sometimes worse than no answer at all, being that it may appear to others as though it was already answered...


    Posting Permissions

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