添加多個圖層

Question

我正在使用框架Cool Kitten進行視差項目（因為它具有響應性）。 該框架使用stellar.js，它支持多個視差層。 Cool Kitten不提供任何文檔，也不可能直接使用stellar.js文檔。

我想要的是有三個視差層，但我無法弄清楚如何使用Cool Kitten。

根據stellar.js文檔你這樣做...

<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添加多個視差層？

Answer 1

Cool Kitten具有很大的潛力，但它仍處於測試階段並且缺少一些功能，例如支持多個視差層（它沒有）。 我希望這是他們將在未來的框架版本中添加的東西。

參考文獻： 這里和這里