如何使這個旋轉器具有基於內容的動態高度？

Question

請轉到：http://jsfiddle.net/6zFt5/

正如您所看到的，如果沒有在CSS第6行中指定FIXED HEIGHT，該旋轉器不起作用。我需要這個小部件根據內容高度動態調整它的高度，而不會削減它或者留下太多的空白空間。

這裏是CSS：

.rotator { 
    position: relative; 
    overflow:hidden; 
    width: 100%; 
    border:1px solid red; 
    height:auto; /*height:100px;*/ 
} 
.rotator ul li { 
    max-height: 100%; 
    max-width: 100%; 
    background-color:aqua; 
} 

我離開了jQuery腳本可以讓你瞭解我試圖使用它。

我錯過了什麼？

謝謝。

Answer 1

第一件事是從您刪除

position: 'absolute' 

JS文件

然後，改變在未來的動畫（）和prev（）函數，以便票運行更順暢

檢查此fiddle了。