Javascript 在parallax.js中更改视差图像

是否有一种方法可以在触发事件时更改视差图像？我正在使用，我似乎想不出一个办法

以下是HTML：

<div class="bg-page-index">
  img_link_1
</div>
<div class="bg-page-index">
  img_link_2
</div>
<div class="bg-page-index">
  img_link_3
</div>



<div id="hero">
  <div class="product-color-list">
    <div class="color"></div>
    <div class="color"></div>
    <div class="color"></div>
  </div>
</div>

---

这在第一次使用时有效，但在第二次使用时无效，因为parallax.js库会随着元素的变化而改变。是否有人知道更好的方法，或者如何重新初始化库？

我找到了一个有效的解决方案。每次我想更改背景时，我没有重新启动插件，而是简单地更改了该插件创建的元素中的图像src：

$('.parallax-slider').attr('src', background);

---

如果在一个页面中有多个视差，这将不起作用。

$('.parallax-slider').attr('src', background);