如何使这个旋转器具有基于内容的动态高度？

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 文件

然后，更改 next() 和 prev() 函数中的动画，以便票证运行更流畅

检查这个fiddle。