淘宝店铺装修轮播图片上添加多个自定义链接

受朋友之托，抽了点时间研究了一下店铺装修模板，每个模板都不一样如果想实现一张轮播图片上有多个链接，在轮播的模块内必须支持自定义代码，也就是自己添加代码，我这里就不上图片了，只分析几块重要的代码。

首先我在dreamweaver生成如下代码：

<img src="http://img03.taobaocdn.com/imgextra/i3/298665212/TB2pR3NaXXXXXbCXXXXXXXXXXXX_!!298665212.jpg" width="1920" height="570" usemap="#Map"  border="0" />
<map name="Map">
  <area shape="rect" coords="793,45,1150,291" href="#">
  <area shape="rect" coords="802,347,1118,500" href="#">
  <area shape="rect" coords="1286,188,1515,492" href="#">
  <area shape="rect" coords="508,308,745,536" href="#">
  <area shape="rect" coords="579,112,770,271" href="#">
</map>