时间戳

首页 > 解决方案 > Bootstrap轮播如何更改从一个图像到另一个图像的过渡时间

css - Bootstrap轮播如何更改从一个图像到另一个图像的过渡时间

问题描述

我在我的网站上使用 Carousel Bootstrap，并且对它的工作方式非常满意。但我希望能够更改图像之间的过渡时间，因为在我看来它太快了。我指定我不想要推子效果，只想要从一个图像到另一个图像的过渡。我没有找到任何关于 Bootstrap 的信息，除了过渡应该由 .slide 类控制。但是我在 Bootstrap 中找不到这个类。我附上了关于轮播的脚本部分，以说明我是如何设置它的。提前致谢。

        <div class="slide" data-ride="carousel" data-interval="5000">                              
            <div class="carousel-inner">
                <div class="carousel-item active"><img src="Immagini/Slider_1.jpg"> </div>
                <div class="carousel-item"><img src="Immagini/Slider_2.jpg"> </div>
                <div class="carousel-item"><img src="Immagini/Slider_3.jpg"> </div>
                <div class="carousel-item"><img src="Immagini/Slider_4.jpg"> </div>
                <div class="carousel-item"><img src="Immagini/Slider_5.jpg"> </div>
                <div class="carousel-item"><img src="Immagini/Slider_6.jpg"> </div> 
                <div class="carousel-item"><img src="Immagini/Slider_7.jpg"> </div>
                <div class="carousel-item"><img src="Immagini/Slider_8.jpg"> </div> 
            </div>
        </div>

标签： css

解决方案

推荐阅读