JavaScript/CSS3滑块-bxslider

我做了​​基于其网站上的脚本BxSlider滑块。 结构滑块如下所示：

<ul class="slider-cont">
    <li>
        <img src="images/slide-1.jpg" alt="">
        <div class="caption">caption1.</div>
    </li>
    <li>
        <img src="images/slide-2.jpg" alt="">
        <div class="caption">caption2</div>
    </li>
    <li>
        <img src="images/slide-3.jpg" alt="">
        <div class="caption">caption3</div>
    </li>
</ul>

标题1。


标题2


标题3

---

标题位于图像上方，位于滑块左侧。我的问题是，是否可以使用CSS3或JS制作相同的动画，使文本比图片更快地“滚动”和“旋转”？我尝试在bxslider中使用该工具

OnSlideBefore

或

OnSlideAfter

但我成功地实现了这一效果。

我以前从未使用过BxSlider。您能否将代码张贴在小提琴上，以便我们更好地理解您的问题？我不确定你想具体解决什么问题。谢天谢地，我想得到视差效果，文本消失的速度比图像左侧快。只是希望文本比图片显示得快。你的问题还不清楚。我想你是在问，是否有一种方法可以单独设置图像标题的动画来滑动，但没有一个问题的例子（尝试）很难回答。我想在这里得到文本和背景的效果：文本在2000毫秒内滚动。背景（图像）在3000毫秒内滚动。我想在bxslider中使用。你习惯了JS吗？还是CSS3？我怀疑计时是用CSS完成的。Css3动画尚未完全兼容跨浏览器，因此采用了js解决方案。打开脚本文件并搜索文档。如果你知道它是2000毫秒，那么在文档中搜索“2000”或尝试查找“设置超时”。