Question

我是JS的新手并寻找任何有关如何实现的提示，或者当您更改侧边栏上的某些选项（例如更换产品时）时，如何更换大图像的一部分（这是两个较小图像的组合）参数。

当您单击或“Kolor karnisza：”或“Wzórkoócówki：”时，图像的一部分会发生变化。无论是窗帘杆还是窗帘杆的颜色。

我怎样才能实现这一点，据我所知，两个图像绝对是用z-index定位的，我需要一些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>

很多时候这个问题已在本网站上得到解答

单击鼠标即可替换JS图像

1 个答案: