Question about interactive HTML
I have a website with a drop down menu (navigation bar) in CSS code.
I also have a large jpeg file.
Using the <MAP> object in HTML source code I have allocated certain areas of a large jpeg file - which visually is below the navigation bar in the HTML page when executed by the browser - various URLs as hyperlinks (a href).
What I was hoping to do is insert code into my html source code, similar to a CSS 'mouse hover' event.
When the user moves the mouse pointer over one of the hyperlinks on the JPEG image, I want the surrounding area on the JPEG immediately outside the <MAP> object hyperlink to have a coloured border. In effect to highlight the hyperlink upon 'mouse hover event'
Each caption name of the JPEG hyperlink has its exact caption-matched name on the navigation bar. Is it also possible to have a coloured border highlight the navigation bar name when mouse pointer is hovering over its related caption name <MAP> object hyperlink on JPEG.
I would be grateful for any help I could receive.
Might look through these links referring to "Mouseover for image map links". I'm sure it can be done, but you might want to post a link to your code on http://PasteBin.com/ or http://jsfiddle.net/ that you have so far so someone could find a solution. Paths to any images used need to have full paths given.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)