創建一個垂直調整大小的動態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的新手，所以一直試圖使用螢火蟲進行調試 - 但很難弄清楚什麼是錯誤的。任何人可以提供的幫助將不勝感激。謝謝！

編輯：感謝馬庫斯的解決方案，這是我做的修復它（我編輯這包括在一個更可讀的格式修復代碼：

FYI給任何人希望用這個的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);