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

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

<img src=http://www.mamicode.com/"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=http://www.mamicode.com/"#">
  <area shape="rect" coords="802,347,1118,500" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="1286,188,1515,492" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="508,308,745,536" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="579,112,770,271" href=http://www.mamicode.com/"#">
</map>
<img src=http://www.mamicode.com/"http://img04.taobaocdn.com/imgextra/i4/298665212/TB2loEMaXXXXXXzXpXXXXXXXXXX_!!298665212.jpg" width="1920" height="570" usemap="#Map2" border="0">
<map name="Map2">
  <area shape="rect" coords="92,147,324,274" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="282,24,419,127" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="460,58,628,209" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="893,69,1164,251" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="1345,266,1622,546" href=http://www.mamicode.com/"#">
  <area shape="rect" coords="1406,37,1676,211" href=http://www.mamicode.com/"#">
</map> 
<img src=http://www.mamicode.com/"http://img04.taobaocdn.com/imgextra/i4/298665212">

这个是2张图片 每张图片有大概5、6个可链接区域，链接地址自己添加即可，上面的代码拷贝到自定义代码区即可，因为店铺模板不同，有的模板需要关闭轮播开启自定义代码，有的自定义代码区域有很多，这里的每个自定义区域代表一张图片，有的自定义区域只有一个，把几张图片代码拷贝进去即可，但是这里会有一个问题，有的模板自定义区域没有关联轮播效果，这个时候你就要灵活一点了，把原来轮播的代码拷贝下来，复制到自定义区域，把类似每个<li></li>里面的内容去掉改成dreamweaver生成的代码，注意每个<li></li>内只能放置一张图。

  以上只是简单的分析，没有很具体，一些举例和截图我就不加了，有疑问的可以给我留言

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