具有不同幻灯片高度的 Jquery Cycle Carousel

Question

我使用 malsup jquery cycle 创建了一个 Carousel。

我的问题是我希望寻呼机或分页紧贴每张幻灯片内容的底部。

目前插件会计算出最大的幻灯片高度并将其应用于容器 - 从而在内容较少的幻灯片上创建较大的空白区域。看这里:

http://www.chaosdesign.com/production/chaos2013/index1.html

我在 malup 文档中看到您可以添加“containerResize: 0”来阻止这种情况发生，但是正如您从我下面的第二个示例中看到的那样，一旦我这样做，内容就会消失:

http://www.chaosdesign.com/production/chaos2013/index.html

我试过向包含的 div 添加 height: 100% 或 height: auto 但这没有任何作用。

谢谢

Answer 1

溢出:隐藏在下面的代码行中，当我们将 0 设置为 containerResize 时隐藏了内容。这种风格是从 jquery.cycle.all 插件代码中添加的。您可能必须修改脚本才能显示内容。

<div class="allSlidesWrap slideshow" style="position: relative; overflow: hidden;">