的Javascript：更改圖像取決於多個變量

Question

這是一個問題，如果它甚至有可能創造......這與Java語言的並不多knowlege：

我有一些汽車行駛幾個「選項」，例如：

• 類型：轎車，敞篷車
• 顏色：黑，藍，紅
• 輪輞：RIMA，rimB，RIMC
• 輪胎：tyre1，tyre2，tyre3

總共有54輛不同的汽車，每輛汽車都有一套3張圖片。

他們將都基於上述值的唯一名稱，像這樣：

• 轎車黑瑪 - tyre1.jpg
• sedan_blue - 瑪 - tyre2.jpg
• 敞篷車 - 紅色 - RIMC-tyre1.jpg
• ...
• [型] - [顏色] - [輪圈] - [輪胎]的.jpg

現在我想創建一個已經顯示「標準車」（轎車，黑色，rimA，tyre1）的頁面。

標有選項類型，顏色，輪輞和輪胎的角落有按鈕 - 它們像手風琴一樣打開，並將「值」顯示爲圖像。 在每個標準值已經預先選定。

選擇不同的選項，顯示的圖像應該相應地改變 - 理想情況下每個Ajax，所以不要重新加載整個頁面。

在頁腳中有一些社交按鈕與共享定製汽車，因此鏈接必須包含剛纔選定的值。

同樣，這樣的頁面可以用中等JavaScript知識創建，如果是這樣，你能否告訴我正確的方向在哪裏找到教程/更多信息，如何準確地做到這一點（尤其是多部分「選項/值」）？

多謝提前，

周華健

Answer 1

這是非常可行的，而且你甚至不需要使用Ajax。

更改圖像的src屬性會立即更新它，因此，如果所有圖像變體已存儲在同一目錄中，只需動態更改文件名。 。 。基於這些值。 。 。會改變你顯示的圖像。

有很多資源可以幫助您入門。 。 。足夠，我甚至不確定嘗試將其指向哪一個是有道理的。我建議你只是對你正在尋找的邏輯進行一些搜索，然後潛入並給它一個鏡頭。如果您遇到問題，請回復您提出的問題，並幫助您解決問題。