コンテンツの高さが可変なコーダスライダナビゲーションを作成できますか？

Question

最近、ほとんどの人がCoda Sliderの効果をよく知っていますが、グーグルで検索しても私の答えは見つかりませんでした。

質問はどうすればスクロール/スライド水平使用していますが、は、コンテンツのために必要な高さにスライドアニメーション中にその高さをadaptesコーダスライダースタイルのナビゲーションを作成することができますか？

たとえば、最初のスライドには画像（400pxの幅、300pxの高さ）しかありませんが、次のスライドは400pxの幅と800pxの高さの画像、テキスト、動画コンテンツを含む多くの情報を持っています。 まず、800pxの高さのコンテナを作成するには、スライド1のスペースを無駄にするだけなので、個々のスライドのコンテンツに必要な高さに基づいて動的にスライドのコンテナの高さを変更する必要があります。

これは可能ですか？ おそらくどこかにチュートリアルがあり、あなたの一人がそれに向けて私を指すことができます。

技術的には、私はかなりxHTMLとCSSに適応していますが、jQueryとPHPではアマチュアだけです。 これはあなたの答えの制限ではありませんが、物事を説明する際には注意してください。

ありがとう、 私はあなたのアイデア、ソリューション、一般的な入力を楽しみにしています。

Jannis

Answer 1

最近私は自分自身をロールバックしました。ここで（うまくいけば）有用な出発点です。

ここに私の「次のボタン」のコードがあります。

var canSlide = true; 
$('.next').bind('click', function() { 



      if (!canSlide) { return false } // prevent queuing up of multiple clicks 

      $('.prev').fadeIn(500); 

      canSlide = false; 

      $('.testimonials-container').animate({ left: '-=1011px' }, 1000, function() { canSlide = true });    

      if (currentPane == totalPanes) { 

       $('.next').fadeOut(500); 
       canScroll = false; 

      } else { 
       currentPane++; 


      } 

高さを調整するには、単にアニメーションのJSON引数に高さを追加します。など

.animate({left: '-=1011px', height: newHeight + 'px'}) 

もちろん、あなたは次の高さが何であるべきかを理解するためにJavaScriptが必要です！