Results 1 to 6 of 6

Thread: link anylinkmenu to image hot spot

  1. #1
    Join Date
    Sep 2013
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default link anylinkmenu to image hot spot

    1) Script Title: AnyLink JS Drop Down Menu
    2) Script URL (on DD):http://www.dynamicdrive.com/dynamici...pmenuindex.htm

    3) Describe problem: I have used this script for years on a number of my sites and it has served my purpose extremley well. I now have a situation where I need the mouseover to be an image "Hot Spot" and initiate the drop down.

    This is the code for my image and hot spot.
    <map id="ImgMap0" name="ImgMap0">
    <area alt="" coords="17, 171, 219, 265" href="fire.html" shape="rect" />
    </map>
    <img height="623" src="images/background_05.jpg" usemap="#ImgMap0" width="980" />

    The REL for my menu would be rel="anylinkmenu_product

    Can't figure out how to modify the code.
    Any help is apprieciated.

    Thanks

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    there is no need to modify the code

    the html

    Code:
    <map id="ImgMap0" name="ImgMap0">
    <area  class="menuanchorclass myownclass" alt="" coords="0, 0, 50, 50" href="fire.html" shape="rect" rel="anylinkmenu3" />
    </map>
    <img src="http://www.vicsjavascripts.org/StdImages/1.gif" usemap="#ImgMap0"  />
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Sep 2013
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks.
    Only had a few minutes to try it but works fine.
    Only issue is that drop down appears in the top left corner of screen.
    Will fool around later when I have time.
    Thanks again
    Joe

  4. #4
    Join Date
    Sep 2013
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Vic,
    Going to ask for your help once more.
    Your suggestion is just what I want but the drop down appears in the top left corner of screen.
    Can't figure out how to get it to open at mouseover spot.
    Thanks

  5. #5
    Join Date
    Sep 2013
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Vic,
    Tried to resolve this issue but cannot.
    This is the page
    http://joemeerman.com/hvac/

    The hot spots are the right arrows

    Thanks

    Joe

  6. #6
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    http://www.vicsjavascripts.org/AADD/140816A.htm

    using the first pair of XY coords and

    Code:
            <map name="ImgMap0">
            <area id="Img0AREA" class="menuanchorclass myownclass" alt="" coords="50, 50,100,100" href="fire.html" shape="rect" rel="anylinkmenu3" />
            <!--  the area ID name must be the Image ID name + AREA -->
            </map>
            <img src="http://www.vicsjavascripts.org/StdImages/1.gif" usemap="#ImgMap0" id="Img0"  />
    Last edited by vwphillips; 08-16-2014 at 10:47 AM.
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

Similar Threads

  1. Looking for help with making mouse over tool tip work on an image hot spot.
    By Trobin5544 in forum Looking for such a script or service
    Replies: 4
    Last Post: 10-10-2013, 10:52 AM
  2. Resolved Color of anchor link when focus is on menu - AnyLinkMenu
    By kanjigirl in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-22-2011, 04:53 PM
  3. script to make a link list onMouseOver show a thumbnail in the same spot on webpage
    By DanaOldfather in forum Looking for such a script or service
    Replies: 5
    Last Post: 04-03-2010, 10:50 AM
  4. Highlight Script for a spot on an Image
    By geldesignsgroup in forum JavaScript
    Replies: 1
    Last Post: 02-10-2010, 09:05 AM
  5. Mouse over image swap on hot spot
    By barge1 in forum HTML
    Replies: 2
    Last Post: 01-10-2005, 05:47 AM

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
  •