For some time I was searching for the name of function (?) that allows to create clickable images. And I didn’t mean entire image hyperlinked but just a part of it – usually in a shape of some element displayed on it. Finally I found the name – Screen Hotspot or Image Map. Knowing it I could have learnt how to create my own.
Unfortunately almost all online tutorials led to Microsoft software. Wrrr…. So I’ve downloaded trial version of Expression Web and created few image maps to find out how the source code exactly looks like.
Here is an example:

heart stripe

map

If you click on heart shaped part of wall you will be taken to my Gallery with pictures from St. Franciscan Church in Cracow (that’s the place above picture was taken ;). If you click on stripe with geometric decoration on left side you will be taken to my post on handmade cards in Japanese style (inspired partly by this image).
Cute, isn’t it? :smile_tb:
And here is a code I had to insert into the post to make it working:

<map name="FPMap0" id="FPMap0">
<area href="http://www.nietoperzka.com/recznie-robione-kartki/" shape="polygon" coords="28, 3, 130, 1, 127, 222, 19, 222" />
<area href="http://www.nietoperzka.com/Gallery2/gallery2/main.php?g2_itemId=573" shape="polygon" coords="132, 2, 298, 0, 299, 73, 132, 14" />
</map>
<img alt="map" src="http://www.nietoperzka.com/wptraining/wp-content/uploads/2007/09/p9050939.JPG" width="300" height="225" usemap="#FPMap0" />

But what when my trial period expires? Ha! Apparently it’s not so difficult to create it using free tools like Notepad and GIMP. But this I will show you next time :laugh_tb: .