javascript - 複数のレイヤーを追加する

Question

視差プロジェクトにCool Kittenフレームワークを使用しています (レスポンシブであるため)。このフレームワークは、複数の視差レイヤーをサポートする stellar.js を使用しています。Cool Kitten はドキュメントを提供しておらず、そのドキュメントを直接 stellar.js に使用することはできません。

私が欲しいのは、3つの視差レイヤーを持つことですが、Cool Kittenでそれを行う方法がわかりません.

stellar.js docs によると、このようにします...

<div class="slide" id="slide3" data-slide="3" data-stellar-background-ratio="0.5">
    <div class="wrapper">
        <img src="images/slide3/freelance.png" data-stellar-ratio="1.4" data-stellar-vertical-offset="-102"alt="">
        <img src="images/slide3/psdtuts.png" data-stellar-ratio="1.5" data-stellar-vertical-offset="-53"alt="">
        <img src="images/slide3/rockable.png" data-stellar-ratio="2.7" data-stellar-vertical-offset="-200"alt="">
        <img src="images/slide3/themeforest.png" data-stellar-ratio="3" data-stellar-vertical-offset="-200"alt="">
        <img src="images/slide3/tutshub.png" data-stellar-ratio="1" data-stellar-vertical-offset="-200"alt="">
        <img src="images/slide3/psdtuts.png" data-stellar-ratio="1.5" data-stellar-vertical-offset="-200"alt="">
    </div>

    <span class="slideno">Slide 3</span>
    <a class="button" data-slide="4" title=""></a>

</div>

...しかし、このコードを Cool Kitten で試してみるとうまくいきません。画像は視差効果なしで並べて表示されます。

では、Cool Kitten で複数の視差レイヤーを追加するにはどうすればよいでしょうか?