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

时间:2015-02-10 17:17:03

标签: javascript jquery ajax

这是一个问题,如果甚至可以创建......而且没有那么多知识的Javascript:

我有一些汽车有几个"选项",例如:

  • 类型:轿车,敞篷车
  • 颜色:黑色,蓝色,红色
  • 轮辋:rimA,rimB,rimC
  • 轮胎:tyre1,tyre2,tyre3

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

根据上述值,它们都有一个唯一的名称,如下所示:

  • 轿车黑RIMA-tyre1.jpg
  • sedan_blue-RIMA-tyre2.jpg
  • 敞篷车 - 红 - RIMC-tyre1.jpg
  • ...
  • [式] - [颜色] - [轮圈] - [轮胎] .JPG

现在我想创建一个"标准车"已经显示(轿车,黑色,rimA,tyre1)。

角落里有一些标有选项类型,颜色,轮辋和轮胎的按钮 - 它们像手风琴一样打开,并显示"值"作为图像。 在每个标准值中都已预先选择。

选择不同的选项,显示的图像应该相应地改变 - 理想情况是每个ajax,所以不要重新加载整个页面。

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

同样,这样的页面是否可以用中等的javascript知识创建,如果是这样,你能不能在正确的方向上暗示我在哪里找到教程/更多关于如何做到这一点的信息(特别是有多个&的部分) #34;选择/值"?)

提前感谢一大堆,

了Emil

1 个答案:

答案 0 :(得分:0)

这是非常可行的,你甚至不需要使用Ajax。

更改图像的src属性会立即更新它,因此,如果所有图像变体已存储在同一目录中,只需动态更改文件名即可。 。 。基于价值观。 。 。会改变你正在显示的图像。

有很多资源可以帮助您入门。 。 。足够的,我甚至不确定尝试指向一个是有意义的。我建议你只是对你正在寻找的逻辑做一些搜索,然后潜入并给它一个机会。如果您遇到问题,请回复您提出的问题,我们可以帮助您解决问题。