ぜひチーズ&バーガーのサイトをご覧ください。
より正確には、下のスライダーと上のフリップパネルの関係を見てください。
jQuery UI Sliderをスキニングして、スライダーを比較的簡単に実行できることはわかっています。私は、Flash に頼らずにフリップ効果にどれだけ近づくことができるかについて、より懸念しています。
私はそれを知りませんし、(まだ)それを学ぶ時間がないので、私は Canvas を使いたくありません。
最新の Gecko と WebKit でサポートされている CSS3 のものはどれでも使用できますが、IE 用に多少適切に劣化する限りは (おそらく、単に IE 用に変更するだけで済みます)。
パネルは、理想的にはdiv
(合理的な) コンテンツを含む必要があります。img
この種の効果のためのアニメーション要素のheight
プロパティを除外しました。
連続して行わない場合 (フラッシュのように)、必ずしも途中でパネルをめくる必要はありません。
jQuery を使用して sの高さをアニメーション化しoverflow: hidden
div
、アニメーション中に突き出たビットのスプライトを作成できるのではないかと考えました (これらの部分にはコンテンツがないため)。でフレームをステップスルーできましたsetInterval()
。
ページが近づいたり離れたりするので、スケーリング効果はないと思いますが、うまくいくかもしれません。
jQuery 1.4 を使用します。
これに飛び込む前に、試してみる価値があると思いますか、それとも (現時点では) Flash なしでは単に実行できないと思いますか?
実行可能である場合、何か提案はありますか? 私は実際のコードを探しているのではなく (スニペットがあればいいのですが)、私が見落としている可能性のあるものに対する提案に沿ったものです。