实际上，我是 bootstrap 的新手，我的任务是减少 UI 中图像更改之间的时间间隔。
然后我发现它是通过 Bootstrap 图像 slider 发生的。然后我搜索了这个但找不到任何东西。我想减少图像转换之间的时间间隔。
<div class="carousel slide auto" id="c-slide" >
<ol class="carousel-indicators out">
<li data-target="#c-slide" data-slide-to="0" class="active"></li>
<li data-target="#c-slide" data-slide-to="1" class=""></li>
<li data-target="#c-slide" data-slide-to="2" class=""></li>
<li data-target="#c-slide" data-slide-to="3" class=""></li>
<li data-target="#c-slide" data-slide-to="4" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item">
<p class="text-center bg-inverse">
<img src="images/sfk_splash1.jpg" alt="" border="0">
</p>
</div>
<div class="item active">
<p class="text-center bg-inverse">
<img src="images/sfk_splash2.jpg" alt="" border="0">
</p>
</div>
<div class="item">
<p class="text-center bg-inverse">
<img src="images/sfk_splash3.jpg" alt="" border="0">
</p>
</div>
<div class="item">
<p class="text-center bg-inverse">
<img src="images/sfk_splash4.jpg" alt="" border="0">
</p>
</div>
<div class="item">
<p class="text-center bg-inverse">
<img src="images/sfk_splash5.jpg" alt="" border="0">
</p>
</div>
</div>
<a class="left carousel-control" href="#c-slide" data-slide="prev">
<i class="icon-chevron-left"></i>
</a>
<a class="right carousel-control" href="#c-slide" data-slide="next">
<i class="icon-chevron-right"></i>
</a>
</div>
最佳答案
这里是改变slider(carousel)的时间间隔的代码，它的jquery代码，你可以改变间隔
<script type="text/javascript">
$(document).ready(function () {
$(function () {
$('#mycarousel').carousel({
interval: 3000
});
});
});
</script>
关于jquery - 减少 Bootstrap 图像 slider 中图像转换之间的时间间隔，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18737689/