画像セットの Web ページへのリンク

画像セットの公開後、その画像セットの URL または埋め込みコードを Web サイトやアプリケーションで使用できるようになります。次に、必要に応じてこの URL を配信するか、埋め込みコードをペーストすると、ユーザは Web サイトやアプリケーション上で画像セットを表示できます。

メモ

URL は、アセットを公開するまでアクティブになりません。

画像セットの URL のコピー

  1. アセットの参照パネルの「表示」ドロップダウンリストで​「画像セット」​をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つ画像セットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL および埋め込みコードパネルで、必要なビューアの右側の​「URL をコピー」​をクリックします。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列にある​「URL をコピー」​をクリックします。

    • 「リスト表示」​をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の右側にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列にある​「URL をコピー」​をクリックします。

    • 「グリッドビュー」「リストビュー」、または​「詳細ビュー」​をクリックします。同じツールバーにある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下で、「URL をコピー」​をクリックします。

Web ページへの画像セットの URL の追加

画像セットは、ナビゲーションアイコンにより Web ページにリンク表示するのが、最も一般な使用方法です。リンクをクリックすると、ポップアップズームウィンドウで画像セットを表示する動的ページ(JSP)が起動します。 ズームリンクによって実際のズーム機能を備えたポップアップウィンドウが開きます。

詳細およびコードサンプルについては、『Adobeビューアリファレンスガイド』の「HTML5ズームビューアの埋め込み」を参照してください。

画像セットビューアの埋め込みコードのコピー

埋め込みコード機能を使用すると、選択した画像セットのビューアコードをレビューすることができます。コードをクリップボードにコピーして、ビューアを配信する Web ページにペーストすることもできます。埋め込みコードダイアログボックスでは、コードの編集はできません。

画像セットビューアの埋め込みコードをコピーするには:

  1. アセットの参照パネルの「表示」ドロップダウンリストで​「画像セット」​をクリックします。

  2. 左側のアセットライブラリパネルで、コピーする埋め込みコードを持つ画像セットを含むアセットフォルダに移動します。

  3. アセットの参照パネルの上のツールバーの右側で、次のいずれかの操作を行います。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで、1 つのアセットをダブルクリックし、アセットを詳細ビューで開きます。右側の URL パネルで、「埋め込みコード」​をクリックします。

    • 「グリッドビュー」​をクリックします。アセットの参照パネルで 1 つのアセットを選択して、サムネール画像の下にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下にある​「埋め込みコード」​をクリックします。

    • 「リストビュー」​をクリックします。アセットの参照パネルで、1 つのアセットを選択して、サムネール画像の右側にある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下にある​「埋め込みコード」​をクリックします。

    • 「グリッドビュー」「リストビュー」、または​「詳細ビュー」​をクリックします。同じツールバーにある​プレビュービューアリスト​をクリックします。

      ビューアリストページの表の「アクション」列の下にある​「埋め込みコード」​をクリックします。

  4. 埋め込みコードダイアログボックスで、「クリップボードにコピー」​をクリックします。

    埋め込みコードダイアログボックスでは、コードを編集することはできません。

  5. 閉じる」をクリックします。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now