我正在尝试建立一个网站，可以将产品展示为下面的滑块： http://coolcarousels.frebsite.nl/c/68/
我更改了滑块以使其适合全屏。也成功停止了自动播放。 但是，现在我正在尝试确定如何让滑块根据其中的内容增加高度。
从我收集的内容来看，滑块的高度设置为100％，但如果我让它采取自己的高度..它摆脱了旋转木马...... 所以我不知道如何让它占用内容的长度以及继续成为旋转木马..
#slider .slide {
position: relative;
display: none;
/* height: 100% !important; */}
上面：如果我摆脱100％的高度，它需要内容的高度，但所有其他幻灯片消失。
我认为它不可能具有动态高度并且仍然可以用作滑块。 但即使它花了最高的div的高度也会很好。
我担心唯一可以做的就是Javascript。我没有足够的知识来定制适合我需要的代码。
我尝试过对代码进行计算，但未能实现任何目标。
有没有人可以帮我解决这个问题？
PS：还意识到它现在变得紧张，因为我添加了一张幻灯片，与原版相反，一次只显示三张幻灯片。什么能解决这个问题？这是原始教程 Original Tutorial
这是我尝试的JSBin Js BIN
编辑：@tsujp建议可以解决部分问题，但我们无法聊天，所以如果有人有更多的建议，使其尽可能顺利运作，请随时添加到它。感谢