创建一个可以垂直调整大小的动态 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);