0

私は、機能のための画像とテキストのショーケースのようなものになるプロジェクトに取り組んでいます. メディアがページ上にグリッドスタイル(つまり 10x5 タイル)

で 表示されることを目指しており、5 秒ごとにランダムなタイルが拡大され、5 秒間表示されてから、ライトボックス スタイルの効果を使用して最小化されます。

これに加えて、夜が更けるにつれて写真/メディアを追加し、それをページに表示できるようにする必要があります。表示されるメディアのシーケンスを中断することはありません (おそらく AJAX 更新を使用して)。サーバー上のディレクトリの内容をチェックする PHP スクリプトを使用して画像を取り込み、それをギャラリーに戻します (以前は Supersized を使用していました)。

[ここに文書化: http://forum.jquery.com/topic/tutorial-how-to-detect-images-automatically-with-supersized ]

jQueryでこれを書く方法を知っている人はいますか、それとも私のためにこれを行うプラグインがすでにあるのですか?

よろしくお願いします！

4

1 に答える 1

0

あなたがすべきことは、タスクを全体として把握しようとするのではなく、サブタスクに分割することだと思います。

  1. 静的画像をデータソースとして使用して、画像をグリッドに表示するための html を作成して正しく表示します。
  2. css をビルドして画像を整列させ、すべてが収まるようにします。
  3. イメージパスを含むデータベースを構築します。
  4. ディレクトリの画像を使用するように、html のデータソースを変更します。
  5. 一度に 1 つずつ JavaScript を書き始めます。
    1. jquery.animate() を使用して、5 秒ごとに次の画像にジャンプし、上下にアニメーション化するタイマーを作成します。
    2. jquery.ajax() を使用して、新しいイメージをイメージ コンテナーにロードする ajax スクリプトを作成します。

それを分解して具体的なことをしようとすると、行き詰まったときにここでもう一度具体的なことを尋ねることができ、それに対する答えが得られる可能性があります。一度にすべてをやろうとすると、どこにも行きません。

于 2012-09-26T06:33:22.607 に答える