Solved

How do I create an Imagemap Rollover image

Posted on 1998-04-01
2
335 Views
Last Modified: 2011-09-20
I have an imagemap that has multiple hotspots.  I know you can do status updates and even have text popup on mouseover but I want to be-able to create a Rollover.  

An example of this would be a Control Panel that has buttons and switchs on it.  When the mouse moves over a particular hotspot I would like to have a graphic appear over that hotspot.  Please let me know if this is possible.
0
Comment
Question by:mplants
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 3

Accepted Solution

by:
percyn earned 100 total points
ID: 1278993
You can replace an image using an images array and changing the image[x].src when you get a mouseover effect.

But since you are using A imagemap, with only ONE image, you will have to change the entire image.

You could probably achieve the same effect using multiple <a href>.
0
 

Author Comment

by:mplants
ID: 1278994
Thanks, I have already discovered that, I was hoping to be able to just change out a small section or have a graphic appear on top just as popup text does.
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Avoid defining the variables in the global scope; trying to define them in a local function scope. Because:   • Look-up is performed every time a variable is accessed.   • Variables are resolved backwards from most specific to least specific scope…
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question