Results 1 to 4 of 4

Thread: Images within "AnyLink JS Drop Down Menu v2.2"?

  1. #1
    Join Date
    Feb 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Images within "AnyLink JS Drop Down Menu v2.2"?

    Script: AnyLink JS Drop Down Menu v2.2
    http://www.dynamicdrive.com/dynamici...pmenuindex.htm


    The "AnyLink JS Drop Down Menu v2.2" script works great, but I'd like to be able to have images in the drop down menu as well.

    Here's a mock-up of what I'd like to be able to do:



    I've tried to put standard <img src> calls into the list of drop down menu items but that causes the drop down menu not to display.

    If this script is not capable of using images, here's the criteria for a script that would be needed:

    a) drop-down menu (text)
    b) 2 column
    c) image insertion to drop down menu.
    d) image in drop down is linkable


    Any help on this would be appreciated.

    Thanks
    Last edited by cjpopp; 09-25-2009 at 06:27 PM.

  2. #2
    Join Date
    Feb 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Le Bump

  3. #3
    Join Date
    Feb 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Is this thing on? Anyone?

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Embedding arbitrary content into the drop down menus is much easier done using the script Anylink CSS Menu instead. Since the contents of each drop down menu is just regular HTML, you should be able to modify it to include images, for example:

    Code:
    <p><a href="http://www.dynamicdrive.com" class="anchorclass someotherclass" rel="submenu2[click]" rev="lr">Right dropping menu</a> (click to reveal)</p>
    
    <div id="submenu2" class="anylinkcss" style="width: 150px; background-color:#E9FECB">
    <ul>
    <li><a href="http://www.cnn.com/">CNN</a></li>
    <li><a href="http://www.msnbc.com">MSNBC</a></li>
    <li><a href="http://www.google.com">Google</a></li>
    <li><a href="http://news.bbc.co.uk">BBC News</a></li>
    </ul>
    </div>
    You would simply edit the code in gray above as desired.
    DD Admin

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
  •