I got the following challenge on my hands using web technologies(PHP,HTML,Javascript and MySQL database) :
The final output should be somehow like this: I have to display an image in a HTML page(eg: the image could be a map of a region) that has some designated spots on it(spot’s coords x,y are read from a database table). Each spot must be a link to some page.
My problem is that the spots must be visible(can’t use only the <map> tag couse it doesn’t make the hotspots visible)
I can’t alter the image because I have to load spots on different locations each time a page loads based on the user’s choice.
I’ve thought about one scenario where I would alter the image using php image functions(add some circles on the custom image each time I load a page) and then place hotspots over the altered image’s spots using map and area tags.
This is a bit problematic because I don’t have direct access on the server(must import some php library in order to make the image functions work)
I presume this could be done somehow very easy using javascript but I have no idea how…If you do please let me know.
thank you
Chris