Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder
    Join Date
    Jul 2003
    Posts
    600
    Thanks
    17
    Thanked 0 Times in 0 Posts

    In a Huge Pinch .. (image dropdown) ..

    Hey All,

    Does anyone know of an image-based dropdown menu that can easily be used? It would stretch vertically down the left side of the page .. where I could hopefully just plug in the sliced images ..

    I'm in a bit of a pinch, so any help asap would be hugely appreciated ..

    Thanks!

  • #2
    Senior Coder nikkiH's Avatar
    Join Date
    Jun 2005
    Location
    Near Chicago, IL, USA
    Posts
    1,973
    Thanks
    1
    Thanked 32 Times in 31 Posts
    HVMenu can use images instead of text.

    If this post contains any code, I may or may not have tested it. It's probably just example code, so no getting knickers in a bunch over a typo, OK? If it doesn't have basic error checking in it, such as object detection or checking if objects are null before using them, put that in there. I'm giving examples, not typing up your whole app for you. You run code at your own risk.
    Bored? Visit
    http://www.kaelisspace.com/

  • #3
    Regular Coder
    Join Date
    Jul 2005
    Location
    Halifax, Nova Scotia, Canada
    Posts
    392
    Thanks
    1
    Thanked 0 Times in 0 Posts
    But if the site is at all commercial it is illegal to use them. Keep that in mind.
    Once I thought I was wrong but I was mistaken.

  • #4
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Menu status clarified- HV menu found on Dynamic Drive may be used on both commerical and non commerical sites.

  • #5
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You don't need goddamn js to do this, just some css

    http://www.alistapart.com/articles/horizdropdowns/
    CATdude about IE6: "All your box-model are belong to us"

  • #6
    Regular Coder
    Join Date
    Jul 2003
    Posts
    600
    Thanks
    17
    Thanked 0 Times in 0 Posts
    I don't believe the last one does images though .. especially on rollover ..

  • #7
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    It'd be simply to apply a background to each list item. Tedious, but possibly.

    And as it was said, you don't need Javascript to make this. Just to get it to work in browsers that don't support :hover on non-anchor elements.

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    While you don't need JS to make a menu, you do need JS to make one which approaches decent usability. Without things like open/close timers and dynamic repositioning, menus are very difficult to use.

    I'd recommend, er, my own - http://www.udm4.com/demos/other-imagenav.php [it can be used on commercial websites, but it's not free]
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #9
    Senior Coder nikkiH's Avatar
    Join Date
    Jun 2005
    Location
    Near Chicago, IL, USA
    Posts
    1,973
    Thanks
    1
    Thanked 32 Times in 31 Posts
    Quote Originally Posted by mrruben5
    You don't need **** js to do this, just some css

    http://www.alistapart.com/articles/horizdropdowns/
    You still need js for MSIE, unfortunately, since it doesn't support :hover on non-anchor elements yet.

    "A tiny jot of JavaScript is required to kick IE back into action (line wraps marked » — Ed.):"


    I can't wait until it does...PITA browser.

    If this post contains any code, I may or may not have tested it. It's probably just example code, so no getting knickers in a bunch over a typo, OK? If it doesn't have basic error checking in it, such as object detection or checking if objects are null before using them, put that in there. I'm giving examples, not typing up your whole app for you. You run code at your own risk.
    Bored? Visit
    http://www.kaelisspace.com/


  •  

    Posting Permissions

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