如何跟蹤和存儲產品圖像的許多排列？

Question

我試圖找出一個很好的方法來存儲產品圖像的許多排列，這些排列將代表不同的可用選項。

例如，假設我們定製了一輛車，我們有選項組，如：

• 車色
• 沿岸風格
• 窗口着色
• 微調顏色
• 體型

其中每個可能有許多可用選擇離子。

我想要做的是能夠在頁面上顯示單個圖像，表示用戶選擇的所有自定義選項。例如，展示一輛紅色轎車，搭配鍍鉻輪輞，有色窗，車身顏色飾邊和轎​​跑車車身風格。

最棘手的部分是選項的數量不一致。繼續以汽車爲例，一些汽車可能擁有比其他汽車更多的選項組，並且根據汽車類型的不同，組中可能會有不同數量的選項。

一個特定的限制是它必須通過Safari在iPad上工作，所以基於Flash的解決方案不是一種選擇。

什麼樣的策略可用於管理產品和選項的所有可能的排列組合？

Answer 1

一種可能性讓我想起了我可以使用具有透明度的PNG，然後在瀏覽器中將它們分層。每個圖像只包含該特定選項的部分需求，其餘部分將是透明的。就數據庫而言，這將使跟蹤各個選項圖像非常容易。

這樣做的一個缺點是圖形團隊會產生大量工作來生成所有這些圖像。但是，如果這是最好的選擇，那麼這就是它的必要條件。

我的其他問題是，我需要非常精確地覆蓋這些圖像通過CSS，我認爲會有一些跨瀏覽器的影響。我還必須知道將圖像分層的順序，以便它們都可見，但這不是一個問題。