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

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

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

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

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

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

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

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

谢谢

【问题讨论】:

    标签: jquery html css cycle


    【解决方案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
    猜你喜欢
    • 2012-09-07
    • 1970-01-01
    • 1970-01-01
    • 2013-03-23
    • 2014-02-02
    • 1970-01-01
    • 1970-01-01
    • 2011-08-27
    • 2013-02-22
    相关资源
    最近更新 更多