引导转盘更改幻灯片

Question

嗨所以我用的命令时，调整图像：为了得到我的引导转盘启动，并通过自动滚动

<script type='text/javascript'> 
$(document).ready(function() { 
    $('.carousel').carousel({ 
     interval: 4500 
    }) 
});  

权在我结束标记。

问题是，在滑回第一张幻灯片之前，最后一张幻灯片会短暂地调整到较小的高度（将整个页面向上移动）。

解释：所有的幻灯片图片都是相同的大小，并且都显示为相同的大小，他们滑过。但最后一张幻灯片会在第一张幻灯片再次出现之前快速缩短（高度降低）（第一张幻灯片将显示回幻灯片的正确/原始高度）。这很烦人，因为滑动高度的暂时下降导致整个页面向上移动。

为了澄清，最后一张幻灯片最初从正确的高度开始，然后在再次滑回第一张幻灯片之前，最后一张幻灯片缩短了高度。然后第一张幻灯片再次显示在正确的高度。

我不知道这是什么原因造成的？

Answer 1

这是因为旋转木马幻灯片没有默认高度。要将幻灯片保持在一致的高度，请将预定义的高度或最小高度添加到幻灯片的CSS中。示例：

.carousel-inner .item { 
min-height: 400px; 
} 

我使用最小高度以防万一我的内容在不同设备上溢出。