Question

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

 <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>

Answer 1

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

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

有关详细信息，请参阅http://getbootstrap.com/javascript/#carousel。

如何降低滑块速度

1 个答案: