jquery循环滑块高度问题

jquery cycle slider height issue

本文关键字:高度 问题 循环 jquery      更新时间:2023-09-26

我一直在努力让这个页面上的滑块做出响应。然而,它似乎需要容器上的固定高度,否则它不会显示整个幻灯片。

有没有一种方法(除了去jquery cycle 2插件,我不允许这样做)可以声明高度:自动并仍然显示整个图像?我最初怀疑这与漂浮物有关,但它们都被清除了,仍然不起作用。

如果我强制溢出:在包装器上显示(#industries滑块),我会遇到#nav的问题,它会随着溢出而移动。

我做错了什么?

谢谢!

更新:响应,不自适应。我知道我可以使用媒体查询来调整高度,但在异国情调的显示器上(以及在浏览器调整大小(这就是它的测试方式),#nav 有一个可见的跳跃

好的,再次设置位置:绝对。您可以使用jQuery设置#industries-slider1的高度。

 //Find the max height of items
        var heights = $(".slide-item").map(function ()
        {
            return $(this).height();
        }).get(),
        maxHeight = Math.max.apply(null, heights);
 //Set #industries-slider1 height
        $('#industries-slider1').height(maxHeight);