在parallax.js中更改视差图像

Question

有没有办法在触发事件时更改我的视差图像？我正在使用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>

JS：

$(".color").click(function() {

      var indexNum = $(".product-color-list .color").index(this);

      sliderInit(indexNum);

});

var   $hero  = $("#hero"),
      $bg_index = $(".bg-page-index"),
      bg_init = $bg_index.eq(indexNum).html();

$hero.parallax({
  imageSrc: bg_init,
  speed: 0.7
});

第一次有效，但第二次无效，因为parallax.js库改变了元素周围的东西。有没有人知道更好的方法，或者如何重新启动库？

Answer 1

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

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