淘宝“自定义区”添加了图片,如何让图片内某个区域添加多几个链接

发布网友 发布时间：2022-04-23 12:27

我来回答

共4个回答

热心网友 时间：2023-09-19 05:26

想实现一张轮播图片上有多个链接，在轮播的模块内必须支持自定义代码，也就是自己添加代码，我这里就不上图片了，只分析几块重要的代码。
首先我在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>
<img src="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="#">
<area shape="rect" coords="282,24,419,127" href="#">
<area shape="rect" coords="460,58,628,209" href="#">
<area shape="rect" coords="3,69,11,251" href="#">
<area shape="rect" coords="1345,266,1622,546" href="#">
<area shape="rect" coords="1406,37,1676,211" href="#">
</map>
<img src="http://img04.taobaocdn.com/imgextra/i4/298665212">

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

热心网友 时间：2023-09-19 05:27

这个简单，我帮你搞定

热心网友 时间：2023-09-19 05:27

试试一张一张的加

热心网友 时间：2023-09-19 05:28

发到动态上面去追问求教程