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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2002
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Hot Spots (Area Shape < >) tag question.

    I have a big picture, with about 10 different

    <area shape="poly" coords=1,2,3,4,etc>

    tags in it.

    I have added title="comment" to each of them so when the user hovers over an area defined by the poly co-ords, a tooltip appears.

    However, what I would really like is that when the user's mouse is over an area of the picture that is defined in the <area shape..> tag, that the area defined changes colour, or has a border around it or something.

    So as the user moves the mouse around the picture, the differently defined areas will be outlined as they move the mouse about.

    Is this possible?

    Best wishes and thanks for any help
    Steve/Cryton

  • #2
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    As you have use the polygon shape the areas have been defined.

    include onmouseover="this.focus()" within the area shape tag.

    This will highlight the border with the usual white dotted line.

    I know this works in IE5.5 but cannot say for the other browsers.

    Anything other than the above could mean extensive work in an image editor reshading your image hotspots etc. etc

  • #3
    New to the CF scene
    Join Date
    Nov 2002
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for your help.

    Unfortunately in IE6 this seems to scroll the page so the polygon shape area is in the centre of the screen, and nothing happens in Mozilla, but I'll have a play anyway.

    Cheers.


  •  

    Posting Permissions

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