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

【问题标题】：Jquery Cycle Carousel with varying slide height具有不同幻灯片高度的 Jquery Cycle Carousel
【发布时间】：2013-07-29 09:58:14
【问题描述】：

我使用 malsup jquery 循环创建了一个轮播。

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

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

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

我尝试将 height: 100% 或 height: auto 添加到包含的 div 中，但这没有任何作用。

谢谢

【问题讨论】：

【解决方案1】：

overflow：隐藏在下面这行代码中，就是我们将0设置为containerResize时隐藏的内容。这种风格是从 jquery.cycle.all 插件代码中添加的。您可能需要修改脚本才能显示内容。

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

【讨论】：

我可以删除隐藏在 firebug 中的溢出或使用 !important css 覆盖它，尽管内容显示寻呼机出现在内容上方而不是下方，因为包含的 div 仍然无法达到 100% 的高度。谢谢，但这不是答案
最后我使用了另一个插件（任何滑块），我对其进行了修改以达到所需的效果。那些想看到它工作的人请看：chaosdesign.com/production/chaos2013/NEW
任何滑块都是响应式的噩梦，所以我现在使用“FlexSlider”响应式轮播。在这里看到它运行良好：chaosdesign.com/production/chaos2013/NEW