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 11 of 11
  1. #1
    New Coder
    Join Date
    Mar 2003
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to make the hotspots on an imagemap glow during mousehover

    If this can be done, would much appreciate the info hook-up

  • #2
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Couldn't that happen with CSS? Just add a color to the hover of the a elements.

    MNS
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #3
    New Coder
    Join Date
    Mar 2003
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    just like a regular link? does that work with image maps? does that work with IMAGES?

  • #4
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I think it works with the a element in IE but it works on other things as well in Netscape and Mozilla. If I recall correctly...

    There are links in the image map, correct? Hard to tell without the code.

    MNS
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #5
    New Coder
    Join Date
    Mar 2003
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    good enough for me. my website is hit mostly by mozilla and IE

  • #6
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    a:link {color: #FF0000} /* unvisited link */
    a:visited {color: #00FF00} /* visited link */
    a:hover {color: #FF00FF} /* mouse over link */
    a:active {color: #0000FF} /* selected link */

    HTH

    MNS
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."

  • #7
    Senior Coder
    Join Date
    Aug 2002
    Posts
    3,467
    Thanks
    0
    Thanked 0 Times in 0 Posts
    MNS, image maps don't use anchor elements, they use area elements.

    <area> is a non-visual element, so they can't receive any styling.

    If there's a way, it's not easy. You could create images that represent the highlight, position them at the location of the hotspots, and toggle their visiblity and use a partial opacity on them. However, all that complication kinda defeats the benefits of using an image map.
    My Site | fValidate | My Brainbench | MSDN | Gecko | xBrowser DOM | PHP | Ars | PVP
    “Minds are like parachutes. They don't work unless they are open”
    “Maturity is simply knowing when to not be immature”

  • #8
    New Coder
    Join Date
    Mar 2003
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks beetle. you probably saved me a lot of headache.

  • #9
    Regular Coder
    Join Date
    Aug 2003
    Posts
    383
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Not a recommendation (haven't used it - yet) but, just fyi:

    http://www.oreillynet.com/lpt/a/3954
    &nbsp;........ another wild guess ........

  • #10
    New Coder
    Join Date
    Mar 2003
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts
    this is my first time building an image map, and i can't get the code to work right. Is it not veiwable on certain browsers?

    This is the code. Where did I go wrong?


    <img src="/nc/treyandmatt/function/MENU.jpg" usemap="menulinks">
    <map name="menulinks">
    <area shape="rect" coords="2, 77, 9, 113"
    href="/nc/treyandmatt/function/testerpage.html">
    <area shape="rect" coords="2, 118, 9, 153"
    href="/nc/treyandmatt/function/testerpage.html">
    </map>

  • #11
    Senior Coder
    Join Date
    Mar 2003
    Location
    OHIO
    Posts
    1,438
    Thanks
    1
    Thanked 0 Times in 0 Posts
    If you look at this thread, It will show you how to make a background image of a div an image map with CSS and then you can do the hover thing.

    HTH

    MNS
    [size=1]"If you want to be "in the biz" you are going to have to roll with the changes or get out, basically."


  •  

    Posting Permissions

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