试图为图表购物车寻找图像地图的替代品答案

【问题标题】：Trying to find an alternative to an image map for a diagram shopping cart试图为图表购物车寻找图像地图的替代品
【发布时间】：2013-12-20 04:05:45
【问题描述】：

所以我正在尝试根据分解图构建一个购物车，它会打开一个小窗口（不是弹出窗口），供用户将零件号添加到购物车中，类似于 http://www.jackssmallengines.com/Jacks-Parts-Lookup/Model-Diagram/BOBCAT/6227/7736 和我'我想知道如何在 Dreamweaver 中设计这个而不使用将每个部分链接到不同 URL 的图像映射。帮助将不胜感激。

干杯，

西尔万

【问题讨论】：

根据图像的大小，您可以将每个图像放在表格单元格中，并使用 id 填充零件号：<td id=partNumber12345>
谢谢，这很有帮助。实际上，零件图很大，比如2000px，放入放大/缩小设备可能是要走的路。现在我意识到我分享的 URL 中的公司正在使用 Arinet PartsStream 产品，并希望找到解决方案。一些零件图有超过 100 个零件，将图像映射链接到每个零件的各个页面 # 没有意义。

标签： image map dreamweaver shopping-cart shopping

【解决方案1】：

图像映射似乎是这里最好的主意...但另一种方法是将您的图像放在一个位置设置为相对位置的 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>

这就是您正在寻找的想法吗？

【讨论】：

我想是的，我试图让 URL 出现在地图上（而不是弹出窗口），以便人们可以轻松地将部件添加到购物车中： kooltools.com/9960098.html" target="_self" alt="9960098"> 这是我现在正在玩的测试：kooltools.com/test2-dia-ev97.html 如果你点击部分9960098
是否有一个 Jquery 可用于在图像地图上显示“添加到购物车”按钮？