css – Bootstrap 3轮播转换速度

前端之家收集整理的这篇文章主要介绍了css – Bootstrap 3轮播转换速度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我遇到了问题.

我试着做以下事情:

  1. .carousel-inner > .item {
  2. position: relative;
  3. display: none;
  4. -webkit-transition: 0.6s ease-in-out left;
  5. -moz-transition: 0.6s ease-in-out left;
  6. -o-transition: 0.6s ease-in-out left;
  7. transition: 0.6s ease-in-out left;
  8. }
  9.  
  10.  
  11. In the bootstrap.js:
  12.  
  13. .emulateTransitionEnd(600)

但它似乎没有正常工作.动画加快了.但我使用包含文本的旋转木马标题,这些文本存在错误.它正确滑动,但随后.content-caption一直向左移动,消失,并显示在它的正常位置.

我还需要改变其他变量吗?

解决方法

访问: http://getbootstrap.com/javascript/#carousel

在html文件的末尾添加以下内容以设置转换速度:10000(10秒)

  1. <script src="../../dist/js/bootstrap.min.js"></script>
  2. <script>
  3. $('.carousel').carousel({
  4. interval: 10000
  5. });
  6. </script>

猜你在找的CSS相关文章