試圖找到一個替代圖像購物車的圖像映射

所以我試圖建立一個購物車了爆炸圖，會打開一個小窗口（不彈出）用戶添加一個零件號碼放入購物車，類似於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我可以用來有一個「添加到購物車」按鈕顯示在圖像映射？ –

試圖找到一個替代圖像購物車的圖像映射

回答

相關問題