显示旋转的旋转木马,显示相应的标题

时间:2017-10-25 12:23:41

标签: javascript jquery twitter-bootstrap carousel owl-carousel

有许多jQuery轮播,如Bootstrap Carousel或流行的Owl Carousel 2 https://owlcarousel2.github.io/OwlCarousel2/index.html

Owl Carousel非常棒,因为它具有响应性,触控功能和无数选项。您可以在框中包含图片或HTML。

我的挑战是我想要说3张图像并且它们总是存在但是活动类在它们之间旋转所以几秒钟后第一个将突出显示而另外两个将淡出,然后第二个将突出显示,第一个和第三个将被淡出等等。这对Carousel来说很容易。挑战是在图像行下方需要一个宽度宽的框,该内容应该与当前正在突出显示的图像相对应,如下图所示:

Rotating captions

理想情况下,我喜欢使用Owl,因为如果我将鼠标悬停在图像上,它会暂停旋转并突出显示悬停在上面的那个,然后当我将鼠标移开时恢复,等等。但是打开其他jquery组件可以更好地工作。我确定存在无数的解决方案,但不知道该怎么称呼这个功能,因为搜索带有字幕等的jquery轮播提出了我正在寻找的不同的东西。任何建议都会有所帮助。此外,我已经加载了bootstrap 3并且可以利用该旋转木马,但认为更难以获得我想要的开箱即用。

0 个答案:

没有答案