我正在使用以下插件开发具有视差效果的网站: - 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>
请帮忙