For a recent assignment I used simple HTML lists and CSS to create rollover image maps, i.e. dynamic image maps which changed on rollover. The result is simple accessible HTML and the combined effect of an image map and multiple rollovers - all without any JavaScript. This effect is thanks to this A List Apart article.
Rollover the image below to see what can be done with this generator and click it to see how it was done.

• Linka
• Linkb
• Linkc
• Linkd

For the hotspots, enter x, y, width, height of each hotspot on a separate line. View the rollover-generating code.

Note: All content, unless otherwise specified, is my own work.
Views expressed and content created on this site are my own and may not represent those of Dublin University, Trinity College.