1

ですから、これは実際の質問よりも好奇心の質問ですので、ご容赦ください。私はちょうどチェックアウトしました：

http://www.apple.com/iphone/

そして、表紙のスライドショーは私には本当に印象的です。私はそれを再現したくありませんが、私はこれがどのように機能するかに本当に興味があります。私の調査によると、それらは時限Webkitトランジション/変換の束を使用しているだけですが、何が起こっているのか正確にはわかりません。

また、ハードコーディングせずにこの動作を作成する簡単な方法はありますか。それが今私が行うことだからです。

4

3 に答える 3

3

ここに説明があります： http://johnbhall.com/iphone-4s/

于 2012-02-20T04:28:38.703 に答える
2

ハードコーディング以外に誰も本当に答えを提供できなかったので、私は自分の質問に答えているだけです。Apple はそれに多大な努力を払っているだけだと思います。CSS トランジションの洗練された使用法、特にオブジェクトが次のフレームにトランジションする場所には、今でも感銘を受けています。

于 2011-10-12T18:26:39.417 に答える
-1

これがソースコードを使った実用的なデモです。

基本的には、アイデアは、

  • すべての画像をプリロードします

  • N秒ごとに起動するタイマーがあります

  • タイマーが作動したら、変換アニメーションを開始します。これにより、新しい画像がにスライドします。

アイデアの詳細により、停止/逆転/一時停止/再開、1サイクル後に自動的に停止するなどのことができます。

このエフェクトの商品名は「スライダー」です。だからあなたはスライダーをグーグルで検索してたくさんの議論を見つけることができます。jquery（nivoslider）用のスライダー、mootools（slideitmoo）用のスライダー、フレームワークフリーのオプション（リンクしたスクリプトデモなど）などがあります。

于 2011-10-06T01:18:33.820 に答える