So, my project, in a nutshell, allows users to view an ImageMap with predefined hotspots that represent the locations of printers around the office. When they hover over these hotspots, I will add a tooltip telling them the name of the printer and give them the ability to install the printer drivers remotely.
My question would be: is it possible to add an icon (such as a small printer that would be the same for each hotspot) in the locations of the hotspots using jquery or some other method? I’m aware that you can’t add a CssClass to hotspots (which is kind of a bummer), but is there a way to force this, or use a plugin like ImageMapster to make it so that the icons are constantly there in order to signify where the printers are?
Any ideas or help would be appreciated!
Instead of using a hotspot, why don’t you just use a relatively positioned div with absolutely positioned icons? The functionality is basically the same apart from the fact that the dimensions of the icons will need to be square. i.e. with a set width/height; you can’t draw circles or polygons like you can in a hotspot.
This will give you full control over where things are positioned and you can have different CSS classes for each hot spot.