0

私はAJAXを初めて使用しますが、

クリックするとすべてのリンク (Web ページ、内部リンク、外部リンクを含む) がライトボックスに読み込まれるようにする JavaScript が必要です。Facebook と同じように、写真をクリックするとフレームが表示され、写真ページにリダイレクトされません。

全体として、ユーザーが自分のウェブサイトのリンクをクリックして、ページ全体を更新する必要がある新しいページにリダイレクトしないようにしたいと考えています。リンクをオンデマンドでフレームにロードしたいのですが、AJAX とも呼ばれます。

実際、私はこのテクニックが何と呼ばれているのか知りたいだけです?? グーグル検索用語?? 検索クエリ??

これを行うための推奨記事またはチュートリアルはありますか?

4

1 に答える 1

1

AJAX : 非同期 JavaScript および XML。あなたの例はAJAXではありませんが、JavaScriptを使用してイベントバインディングを行い、ブラウザでユーザーが作成したイベントに応答してアクションを実行します。

jQuery を使用して、ページ上の特定のタイプのすべてのリンクにイベントをバインドできます。正確な実装は、HTML マークアップによって異なります。

たとえば、複数の画像がリンク タグで囲まれている場合:

<a href="image1.jpg" class="image_link"><img src="image1.jpg" /></a>
<a href="image2.jpg" class="image_link"><img src="image2.jpg" /></a>

次のような jQuery を使用できます (ページでこれより前に jQuery をロードしてください)。

<script>
$('.image_link').click(function(event) {
    event.preventDefault(); // stops it from doing normal link action

    // and then down here you'd need JS for your lightbox library
});
</script>

Smashing Magazine に役立つ記事があります: Modal Windows in Modern Web Design。

于 2012-08-09T20:56:26.553 に答える