colour block - if you see this, you can't use it

ismap

Since time immemorial, the img element has had the ismap attribute. There are many things you can do with it, and it was a staple of "fancy" web pages in the 90's. But modern JS and CSS tools have all but deprecated it.

The ismap only works if the img is inside an a (anchor/link), and will load the target with an added query string specifying the x,y coordinates of the pixel on which the mouse was clicked.

The apache httpd server has had the mod_imagemap module that allows developers to specify a mapping from points, polygons, etc. to specific URLs. In the age of SPA, this has also become all but deprecated.

However, it can still be useful, even in a single page!

Click on the image above, and see what happens. The URL will change, and ... if I had more time I would have changed the background colour to what you clicked.


PS: I built an ismap based interactive tour of the campus map of where I did my undergrad, and then sold it to the university in 1995. Clicking on the campus map loaded a picture that I took with a film camera, had developed, and scanned with an old-school flatbed scanner. Digital cameras were a thing, but not good at all.

PPS: I wanted to do <blink/>, but it doesn't work anymore.