以往我们做店铺装修、活动宣传的时候,往往是一张图片链接一个商品:
用上图单独超链接此商品的页面
——————————————————————————————
但是对于很多朋友,经常会这样的问题。
就是已经拥有了一张带有多个商品的整张图片,需要给每个商品加上链接,如:
一、已设计好一个活动的整个布局的图片(此时不带超链接)
这是一整张图片
——————————————————————————————
二、在其他页面上的截图——(此时不带超链接)
此图为商品预览页面的截图
这也是一整张图片
——————————————————————————————
这还是一整张图片
怎么直接利用这些图片来装修我们的页面呢?
已往我们需要将图片切片处理,
这里我提供一个更为简便的办法,不用切片,简化上传图片数量
同一张图多个超链接的技术:
(需要准备的软件是 Macromedia Dreamweaver )
一、新建空白HTML文件:
二、插入图片:
三、选中图片后,选择画热区工具:
四、画图片热区、并填上超链接:
五、画完所有图片热区后,保存文件:
六、获取代码:
——————————————————————————————
这里给大家看一下我的整个装修效果,就是利用了同一张图多个超链接的技术
不过我这里一共只用了5张图片~
欢迎大家一起交流更多的装修技术
评论内容:发表评论不能请不要超过250字;发表评论请自觉遵守互联网相关政策法规。