I have an image of a floor plan and would like the following webpage functionality:
Each room of the floor plan must highlight on mouseover.
When a room is clicked, an image of it must show up.
The solution must be efficient and easy to maintain.
For example, the base web page needs to load quickly, and also if I wish to change the name of any jpg image I should only need to edit the code in one place.
The Solution needs to be compatible with ie8, firefox, safari, chrome as a minimum.
Please set out code clearly and add comments so that it is clear how the code works.
This page shows an example of what is required (but I do not like that the popup window reloads every time a room is clicked):
[url removed, login to view]
A css solution may be more suitable - I am open to suggestions.
Again, the base page should load quickly.
If you can help please make contact with me right now! I will be glad to hear from you.