创建一个垂直调整大小的动态jcarousel

Question

我正在使用jcarousel库（http://sorgalla.com/projects/jcarousel/）并希望使用垂直轮播，但也可以根据浏览器窗口的高度动态调整大小。

有一个示例页面有一个水平旋转木马拉伸/收缩以填充宽度并显示更多/更少的项目。

http://sorgalla.com/projects/jcarousel/examples/static_callbacks.html

我拿了那个示例页面并对其进行了修改，使其成为垂直旋转木马并将高度设置为％而不是宽度。这是修改后的页面：

http://www.strangeport.com/jcarousel/static_callbacks.html

不幸的是，它所做的就是创建一个可以伸展的轮播，以显示其中的所有项目，并使浏览器滚动。

我是JQuery的新手，所以一直试图用firebug进行调试 - 但是很难弄清楚出了什么问题。任何人可以提供的帮助将不胜感激。谢谢！

编辑：感谢Marcus的解决方案，这就是我所做的解决方法（我编辑了这个以更易读的格式包含修复代码：

到其他任何想要将其用于Jcarousel的人（我在页面调整大小和文档就绪函数中使用它）。

var galleryHeight = $(window).height() - 170; // just arbitrary offset for testing
$('.jcarousel-container-vertical').css('height', galleryHeight); 
$('.jcarousel-clip-vertical').css('height', galleryHeight);

jcarousel需要设置容器和剪辑容器的高度。

Answer 1

您可以使用jQuery's .css() method动态调整图库容器的大小。您可以执行以下操作：

$('#myGalleryContainer').css('height', galleryHeight);