Javascript：根据多个变量更改图像

这是一个是否有可能创建的问题……而且在不太了解Javascript的情况下：

我有些车有几个“选项”，例如：

• 类型：轿车、敞篷车
• 颜色：黑色、蓝色、红色
• 轮辋：轮辋，轮辋，轮辋
• 轮胎：轮胎1、轮胎2、轮胎3

总共有54辆不同的车，每辆车我都有一套3张图片

基于上述值，它们都有一个唯一的名称，如下所示：

• sedan-black-rimA-tyre1.jpg
• sedan_blue-rimA-tyre2.jpg
• cabriolet-red-rimC-tyre1.jpg
• [类型]-[颜色]-[轮辋]-[轮胎].jpg

现在我想创建一个页面，其中已经显示了“标准车”（轿车、黑色、rimA、轮胎1）

角落里有一些按钮，标有选项类型、颜色、轮辋、轮胎，这些按钮像手风琴一样打开，并以图像的形式显示“值”。 在每种情况下，标准值都已预先选定

选择不同的选项，显示的图像应该相应地改变——最好是按照ajax，这样就不会重新加载整个页面

页脚中有一些共享自定义汽车的社交按钮，因此链接必须包含刚刚选择的值

同样，这样一个页面可以用中等javascript知识创建吗？如果可以的话，你能告诉我在哪里可以找到教程/关于如何准确创建的更多信息（特别是带有多个“选项/值”的部分）

提前多谢各位

---

Emil

这是非常可行的，您甚至不需要使用Ajax

更改图像的

src

属性将立即更新它，因此，如果所有图像变体都已存储在同一目录中，只需动态更改文件名。根据价值观。将更改您正在显示的图像

---

有很多资源可以帮助你开始。够了，我甚至不确定给你指一个有意义。我建议你在你正在寻找的逻辑上做一些搜索，然后潜入并尝试一下。如果您遇到问题，请将您的想法带回来，我们可以帮助您解决问题。

嗨，Emil，欢迎来到StackOverflow！不幸的是，你的问题对这个委员会来说太模糊了。我们更喜欢用您的代码解决具体的问题。所以，如果你知道一些javascript，只要开始编码，当你遇到困难时告诉我们——我们会帮助你的。现在，我投票结束你们的问题，因为，如前所述，它不是在这里的主题。祝你的项目好运！