我在我正在工作的网站上有一个非常基本的 Twitter Bootstrap Carousel 插件实现(http://furnitureroadshow.com/)。我只是想知道是否有人扩展了 Carousel 插件，使其在幻灯片过渡时淡入淡出？
我在 github.com ( https://github.com/twitter/bootstrap/issues/2050 ) 上发现了这个问题 #2050，这似乎表明在这一点上，这是不可能的。只是想看看它是否可以或已经完成。
最佳答案
是的。 Bootstrap 使用 CSS 转换，因此无需任何 Javascript 即可轻松完成。
CSS:
.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}
然而，我注意到过渡结束事件过早地触发，默认间隔为 5 秒，淡入淡出过渡为 3 秒。将轮播间隔设置为 8 秒可提供不错的效果。
很流畅。
关于jquery - Twitter Bootstrap Carousel 插件可以在幻灯片过渡时淡入淡出吗，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9526970/