Css 如何降低滑块速度

我想降低引导中的滑块速度，同时将一张幻灯片更改为另一张幻灯片。我想在更改幻灯片时减少动画时间

 <section id="slide-show" style='display: <%= SiteMap.RootNode.Url!=SiteMap.CurrentNode.Url?"none":"block" %>'>
        <div id="slider" class="sl-slider-wrapper">

            <!--Slider Items-->
            <div class="sl-slider">
                <!--Slider Item1-->
                <div class="sl-slide item1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
                    <div class="sl-slide-inner">
                        <div class="container">
                            <img class="pull-right" src="themes/images/bdev.png" alt="" />
                            <h2>Time-to-fill</h2>

                            <h3 class="gap">Benefit from our services include short recruitment cycle for a
  quicker "Time-to-fill". </h3>
                            <%--                                <a class="btn btn-large btn-transparent" href="#">Learn More</a>--%>
                        </div>
                    </div>
                </div>

填补空缺的时间到了
我们的服务带来的好处包括短期招聘周期
更快的“填充时间”。

在HTML中添加以下脚本。1000等于1秒

 <script>
  $('.sl-slider').carousel({
  interval: 10000
   });
</script> 

$（'.sl滑块'）.carousel({
间隔：10000
});

---

有关更多信息，请参阅。

我在滑块中有一个效果，当将一个幻灯片更改为另一个更改时，一个效果是垂直和水平消失。如何减缓这种影响@Suresh Ponnukalai脚本的类型是什么？是吗@苏雷什