试图找到一个替代图像购物车的图像映射

所以我试图建立一个购物车了爆炸图，会打开一个小窗口（不弹出）用户添加一个零件号码放入购物车，类似于http://www.jackssmallengines.com/Jacks-Parts-Lookup/Model-Diagram/BOBCAT/6227/7736，我想知道如何在Dreamweaver中设计此功能，而不使用将每个部分链接到不同URL的图像映射。帮助，将不胜感激。试图找到一个替代图像购物车的图像映射

干杯，

西尔

来源

2013-12-20 Sylvain Allard

根据图像的大小，您可以将每个图像放置在一个表格单元格中，并使用ID填充零件编号：'' – surfmuggle

谢谢，这很有帮助。实际上，零件图很大，比如2000px，放入放大/缩小设备可能是一条路。现在我意识到来自我共享的URL的公司正在使用Arinet PartsStream产品，并希望找到解决方案。某些零件图有超过100个零件，并且将图像映射链接到每个零件＃的单独页面是没有意义的。 –

影像地图，似乎这里是最好的主意...但另一种方式是把你的形象与地位一个div设置为相对的，把你的amchors了你的形象通过将它们定位在图像上。

<div style="position:relative"> 
    <img src=".... your image.... /> 
    <a href="your url for part 123" style="position:absolute; top:10px; left:10px;">Part 123</a> 
</div>

是你正在寻找的想法吗？

来源

2013-12-20 04:23:41

我想是的，我试图让网址出现在地图上（而不是弹出），以便人们可以轻松地将这些零件添加到购物车中：这是测试我是现在玩：http://kooltools.com/test2-dia-ev97.html如果你点击部分9960098 –

有没有一个JQuery我可以用来有一个“添加到购物车”按钮显示在图像映射？ –

试图找到一个替代图像购物车的图像映射

回答

相关问题