垂直方向にリサイズする動的なカルカスを作成する

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を初めて使っているため、これをファイヤーバグでデバッグしようとしていましたが、何が間違っているのか把握するのは困難でした。誰かが助けることができるどんな助けも大いに感謝されるでしょう。ありがとう！

EDIT：他のためにこれを使用することをお探しの方にFYI

：Marcusのソリューションのおかげで、これは私が（私はより読みやすい形式で修正コードが含まれるように、これを編集し、それを修正するために何をしたかでありますjcarousel（Iは、ページサイズを変更し、レディ機能を文書でこれを使用）。

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

あなたはを使用することができますギャラリーコンテナのサイズを動的に変更します。あなたは次のようなことをします：

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