带有视差滚动的Jquery滑块（lightSlider + Parallax.js）

Question

我沮丧2天只是想用视差滚动制作滑块，第一个我用parallax.js使用bootstrap但似乎更复杂，因为parallax.js无法与<img src>集成它使用div {{ 1}}和bootstrap carousel使用<div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div>。

所以我使用了带有parallax.js的lightslider，但我得到了同样的效果，滑块和视差似乎在运行，但是滑块不会改变图片，有人可以帮我吗？

这是我的代码

<img src>

这是我的来源

<div class="item">
        <ul id="content-slider" class="content-slider">
            <li>
               <div class="parallax-window" data-parallax="scroll" data-image-src="../images/bg1.jpg"></div>
            </li>
            <li>
               <div class="parallax-window" data-parallax="scroll" data-image-src="../images/bg2.jpg"></div>
            </li>
            <li>
             <div class="parallax-window" data-parallax="scroll" data-image-src="../images/bg3.jpg"></div>
            </li>

        </ul>
    </div>

我使用http://pixelcog.github.io/parallax.js/ 和http://sachinchoolur.github.io/lightslider/