Results 1 to 3 of 3

Thread: overlay on area map

  1. #1
    Join Date
    Jun 2008
    Posts
    192
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Default overlay on area map

    Hello,

    I have a website with a body diagram on it. I want to create an area map of the body diagram, and when you hover the mouse over certain parts of the body, they highlight.

    Please have a look at this website for an example of what I mean: http://www.healthline.com/human-body-maps/male

    Creating the area map is easy. The challenge I need help with is how to get the highlighting to cover the areas of the map--that is, how to get the shape of the highlight to match the part of the body mapped out by the area.

    I've done highlighting before, but it was on rectangular areas--divs essentially--and the highlight was just an extra div overlayed on top of the first div with its opacity set to 50%. But is there a way to shape an overlay into an irregular form? Or to get an overlay to conform to the coordinates of an area map?

    Thanks.

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,030
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Maybe try an online image map generator? https://www.google.co.uk/#safe=stric...+map+generator
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. #3
    Join Date
    Jun 2008
    Posts
    192
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    Maybe try an online image map generator? https://www.google.co.uk/#safe=stric...+map+generator
    Thanks Beverley, I'll have a look at those links.

Similar Threads

  1. Overlay box help
    By hiro in forum JavaScript
    Replies: 3
    Last Post: 05-07-2012, 05:58 PM
  2. Lightwindow Overlay
    By kaushal in forum JavaScript
    Replies: 0
    Last Post: 09-16-2011, 04:06 PM
  3. Transparent Overlay
    By TBayBoy in forum Dynamic Drive scripts help
    Replies: 8
    Last Post: 06-16-2010, 04:37 PM
  4. Pop Up Overlay
    By Wolfy87 in forum Submit a DHTML or CSS code
    Replies: 1
    Last Post: 08-07-2009, 11:56 AM
  5. Div Overlay
    By acctman in forum Looking for such a script or service
    Replies: 2
    Last Post: 02-28-2008, 02:00 PM

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
  •