引導轉盤更改幻燈片

Question

嗨所以我用的命令時，調整圖像：爲了得到我的引導轉盤啓動，並通過自動滾動

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

權在我結束標記。

問題是，在滑回第一張幻燈片之前，最後一張幻燈片會短暫地調整到較小的高度（將整個頁面向上移動）。

解釋：所有的幻燈片圖片都是相同的大小，並且都顯示爲相同的大小，他們滑過。但最後一張幻燈片會在第一張幻燈片再次出現之前快速縮短（高度降低）（第一張幻燈片將顯示回幻燈片的正確/原始高度）。這很煩人，因爲滑動高度的暫時下降導致整個頁面向上移動。

爲了澄清，最後一張幻燈片最初從正確的高度開始，然後在再次滑回第一張幻燈片之前，最後一張幻燈片縮短了高度。然後第一張幻燈片再次顯示在正確的高度。

我不知道這是什麼原因造成的？

Answer 1

這是因爲旋轉木馬幻燈片沒有默認高度。要將幻燈片保持在一致的高度，請將預定義的高度或最小高度添加到幻燈片的CSS中。示例：

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

我使用最小高度以防萬一我的內容在不同設備上溢出。