鼠标单击JS图像替换

Question

我是JS的新手，我想找一些技巧，比如，当你改变侧边栏上的一些选项时，比如当你改变产品参数时，如何实现，甚至是如何替换大图像的一部分(两个小图像的连接)。

当您单击“Kolor karnisza：”或“Wzór końcówki：”图像更改的一部分时。窗帘杆的颜色或窗帘杆端的颜色。

我如何实现这一点，据我已经了解到，两个图像是绝对使用z索引定位，我需要一些JS或jQuery库来实现这一效果(什么库？)

这就是我要说的网站：

https://www.sklep-karnisze.net/1136,-34-Carbonera-34-podwojne-proste-19-mm?r=#/#8,7,2,50,1,10，

提前找你帮忙。

Answer 1

<head>
<script>

  function changeImage(imgName)
  {
     image = document.getElementById('largepic');
     image.src = imgName;
  }

 </script>

 </head>

 <body>

      <img src = 'largemaimimage.jpg' id = 'largepic' />


         <img src ='small1.jpg' onClick="javaScript:changeImage('small1.jpg');"/>
         <img src ='small2.jpg' onClick="javaScript:changeImage('small2.jpg');"/>
         <img src ='small3.jpg' onClick="javaScript:changeImage('small3.jpg');"/>

  </body>

很多时候这个网站上都有这样的回答