更改bootstrap 4.2轮播持续时间

时间:2019-02-24 08:03:20

标签: javascript css bootstrap-4 carousel

如何在脚本中的BS4.2中更改轮播过渡或渐变持续时间? BS文档说:

  

更改过渡持续时间

     

如果您使用的是已编译的CSS,则可以在编译或自定义样式之前使用.carousel-item Sass变量来更改$carousel-transition的过渡时间。如果应用了多个过渡,请确保先定义了转换过渡(例如transition: transform 2s ease, opacity .5s ease-out)。

我正在使用CSS。我可以使用js更改过渡吗? 例如类似于更改间隔的方法:

<script>
    $( '.carousel' ).carousel( {
        interval: 6000
    } )
</script>

2 个答案:

答案 0 :(得分:0)

@dandan,您好,您可以通过JavaScript进行修改,但可以在自定义CSS中进行更改

例如:

.carousel-item {
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

答案 1 :(得分:-1)

是的,应该可以。您是否尝试使用此代码进行检查?如果尝试过此操作,是否显示任何错误?