的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属性会立即更新它，因此，如果所有图像变体已存储在同一目录中，只需动态更改文件名。 。 。基于这些值。 。 。会改变你显示的图像。

有很多资源可以帮助您入门。 。 。足够，我甚至不确定尝试将其指向哪一个是有道理的。我建议你只是对你正在寻找的逻辑进行一些搜索，然后潜入并给它一个镜头。如果您遇到问题，请回复您提出的问题，并帮助您解决问题。