アルバム内のすべての画像に独自のタイトルと説明を付けた Web アルバムをデザインしたいと考えています。そのため、一度に表示できるのは、画像、タイトル、および説明の 1 つのセットだけです。そして、次のボタンをクリックすると、画像、タイトル、説明の次のセットが表示されます。
それで、どのように設計するのが最善の方法でしょうか? HTMLまたはAJAX？
ライトボックスなどのすぐに使用できるツールを使用したくありません。
質問する
136 次
1 に答える
0
ブラウザの戻るボタンを機能させますか？もしそうなら、あなたはあなたの人生をシンプルにし、htmlを使うべきです（どちらの方法でも一度に1つの画像しか表示しないので）。
Ajaxはhtmlを使用することを意味します。一方、htmlを使用することは、コンテンツを動的にロードするためにAJAXを使用する必要があることを必ずしも意味しません。
このプロジェクトの目的は何ですか？学習体験のためにそれを行っている場合は、AJAXを（最初から）続行する必要があります。速度と品質が必要な場合は、既存のWeb画像ギャラリーを使用してください。自分で作成する必要がある場合は、プレーンhtml（または、dojo、jqueryなどのajaxフレームワーク。これにより、クロスブラウザーの癖を解決するための多くの苦痛を軽減できます）を使用します。
さらに、ボタンをクリックして次の（前の）画像に移動できるようにしたい場合で、事前に何枚の画像があるかわからない場合は、動的な動作を探しています。動的ロジックは、クライアント側（javascript）またはサーバー側（最初は「php」としましょう）のいずれかでコーディングできます。
また、対応する（画像、タイトル、説明）をどのようにまとめる予定ですか？画像が3つしかない場合は、それぞれを対応するhtmlファイルにハードコーディングできるとしましょう。例えば。1.html、2.html、3.html。次に、a.htmlからb.htmlを指すように進むボタンを指す必要があります。等...
この退屈な静的な動作を望まず、よりスマートなものが必要な場合は、AJAXを選択したとしましょう。次に、1.htmlファイルのみを作成し、そこから（javascriptを使用して）サーバーに（画像、タイトル、説明）を要求し、それらすべてを（動的に、ブラウザーを更新せずに）同じページにロードします。サーバーからこれを取得する最も簡単な方法は、すべての情報（画像のURL、タイトル、説明）を含む静的（XMLまたはJSON）ファイルを読み取ることです。次に、javascriptとDOM操作を使用して、古いイメージを削除し、新しいイメージを追加します。
ただし、これはすべてサーバー側の処理を使用するとはるかに簡単になります（そして学ぶ価値があります）。この場合、画像番号のパラメータをとるURLを持つことができます。例えば。http://example.com/gallery/index.php?image=X 次に、サーバーがクライアントにhtmlで応答する前に、画像Xをロードして、対応する説明、タイトル、およびurl。そしてそれらをファイルに「埋め込み」ます。もちろん、数によっては、前のボタンと次のボタンの正しいリンクも追加されます。例えば。現在表示されている画像が9の場合、進むボタンは「動的に」（X + 1）にリンクすると判断されます：http ：//example.com/gallery/index.php？image = 10
于 2012-06-10T07:02:58.107 に答える