Today I learned that you can create a clickable area (or MORE THAN one) of an image and have it link anywhere. - Useful for RevealJS presentations, etc - Using the

usemap

parameter of ``tags and

<map>

tags Example ### Put this into your Reveal.JS preso!

html
<img src="https://c.pxhere.com/photos/70/93/egg_hammer_threaten_violence_fear_intimidate_hit_beat-767438.jpg!d" usemap="#map" height="550"/>

<map name="map">
    <area shape="circle" coords="330,350,50" alt="egg" href=".\assets\pdfs\timeline2.pdf" target="_blank">
    <area shape="circle" coords="430,250,50" alt="mallet" href=".\assets\pdfs\timeline3.pdf" target="_blank">
</map>