自举旋转木马图像没有滑动与视差

时间:2014-12-04 06:36:16

标签: twitter-bootstrap-3 carousel parallax parallax.js

我正在使用以下插件开发具有视差效果的网站: - https://github.com/pixelcog/parallax.js/

我需要在第一部分中实现一个滑块。但问题是视差插件使用

data-image-src="/path/to/image.jpg"

渲染图像。

即使幻灯片正在滑动,图像也会保持不变。即第一张幻灯片的图像。

我也需要滑动图像。有没有解决方法: -

<div class="carousel-inner" role="listbox">
    <div class="item active parallax-window" data-parallax="scroll" data-image-src="http://localhost:8000/bs/project/images/home-slide-banner1.jpg">
        <div class="carousel-caption">
            Caption 1
        </div>
   </div>
<div class="item parallax-window" data-parallax="scroll" data-image-src="http://localhost:8000/bs/project/images/home-interactive-bg.jpg">
    <div class="carousel-caption">
        Caption 2
    </div>
</div>
<div class="item parallax-window" data-parallax="scroll" data-image-src="http://localhost:8000/bs/project/images/goodwp.com_18663.jpg">
    <div class="carousel-caption">
        Caption 3
    </div>
</div>

请帮忙

0 个答案:

没有答案