How to use image map for banner image in header?

a0012
New Member
5 0 0

I was wondering how to use an image map for the top banner image to add a link to a specific part of the image. I've used image-map.net to generate the below code. I don't know where exactly to place this code.

 

<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="banner-geoff.gif" usemap="#image-map">

<map name="image-map">
    <area target="" alt="Shop now!" title="Shop now!" href="https://mywebsite.com/shop" coords="1711,500,855,114" shape="rect">
</map>

 

0 Likes
KarenAsselin
Tourist
12 0 1

Were you ever able to figure this out? I'm trying to do something similar now.

0 Likes