0

左右に水平方向にスクロールするフルスクリーンのタイムラインWebアプリケーションを作成し、画像、ビデオ、オーディオファイルが追加されたhtmlおよびcss形式のテキストを表示したいと思います。

タイムラインは右端の位置（「今日の日付」）から開始する必要があります。これにより、ユーザーは左にスクロールして前のイベントを表示し、右にスクロールして少し後のイベントを表示し、右端まで戻ることができます。位置（すでに述べた「今日の日付」）。

タイムラインにロードするデータはたくさんあります（150年以上のイベント、約200ページのテキストだけ）。これにより、すべてを水平方向にフォーマットされたスクロール可能なhtmlページにダンプすると、結果として生じる可能性があると思います。読み込みに永遠にかかる超重いページ、一部の（ほとんどの？）ブラウザではスクロールが難しい場合があり、ブラウザがクラッシュする場合もあります。（しかし、私は間違っているかもしれません。私の質問＃1を参照してください。）

そのため、ページがページの「近く」（左側または右側）にスクロールされたときに必要なデータがページに読み込まれ、ページがページから十分に離れた場所にスクロールされたときに再びアンロードされる場合の解決策を検討しています。

Webプログラミングの「第一人者」ではないので、私はこのタスクに少し戸惑っています。少しアドバイスをいただければ幸いです。

私の質問：

  1. すべてのデータをすぐに水平ページにロードするべきではないと考えるのは間違っていますか？多分そうしても大丈夫ですか？

  2. プロセス全体を処理するためのよりブラウザフレンドリーな方法は何でしょうか。a）データベースからタイムライン全体のすべてのデータをプリロードし、必要に応じてそのデータの一部をdivにエコーするのに数秒かかりますか？-またはb）必要なときにのみデータベースからデータをロードしますか？

  3. そのプリロード/印刷またはロードを実際にPHP/HTMLでどのように実行できますか？

  4. たぶん誰かが私が説明していることをすでに行っているオープンソースまたは商用の水平タイムラインを知っていますか？

前もって感謝します！

4

2 に答える 2

1

これがあなたのすべてのニーズに合うかどうかはわかりませんが、近いかもしれません-http://timeline.verite.co/を試してください

于 2013-02-18T15:01:11.253 に答える
1

  1. それはあなた次第です。しかし、そのアイデアは素晴らしいと思います（あなたのタイムラインは、ギャラリー、アルバムなどのように見えると思います）。

  2. 私の答えはとの両方aですb。必要なときにデータベースからデータをロードします（ただし、ページを「近く」にスクロールしたときにこれらのデータをロードします）例：2013年ですが、2011年のロードに数秒かかります。および2012（または最後の100アイテム）

  3. を介してデータをロードできると思いますajax。

  4. 本当にわかりませんが、Raad'sAnswerで紹介されたフレームワークから何かをカスタム/継承できると思います。

-5。独自のタイムラインを作成できます。多分あなたはこれをするのにとても多くの時間を費やすでしょう。

このタイムラインをどのように作成できますか？キーワード：で検索できますinfinite scroller。

于 2013-02-18T15:31:32.430 に答える