画像セットの 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. 閉じる」をクリックします。

このページ