0

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

質問水平方向のスライド/スクロールを使用する Coda Slider スタイルのナビゲーションを作成するにはどうすればよいですか?スライド アニメーション中にその高さをコンテンツに必要な高さに適応させますか?

たとえば、最初の「スライド」には画像 (幅 400 ピクセル、高さ 300 ピクセル) しかありませんが、次のスライドには画像、テキスト、ビデオ コンテンツを含む多くの情報があり、合計で幅 400 ピクセル、高さ 800 ピクセルになります。さて、最初に高さ 800px のコンテナーを作成することは、スライド 1 のスペースを無駄にするだけなので、個々のスライドのコンテンツに必要な高さに基づいて、スライドのコンテナーの高さを動的に変更する必要があります。

これは可能ですか？どこかにチュートリアルがあるかもしれません。

テクノロジーに関しては、xHTML と CSS にはかなり慣れていますが、jQuery と PHP については素人です。これはあなたの答えを制限するものではありませんが、物事を説明するときは覚えておいてください.

読んでいただきありがとうございます。あなたのアイデア、解決策、一般的な意見をお待ちしております。

ジャニス

4

1 に答える 1

0

私は最近自分自身を巻きました。これが（うまくいけば）便利な出発点です。

これが私の「次のボタン」のコードです。

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 が必要です。

于 2009-04-27T00:21:18.863 に答える