Web ページへのズームビューアのリンク

Webサイトやアプリケーションは、URL文字列や埋め込みコードを使用して、マスター画像や関連付けられているズームターゲットなどのDynamic MediaImage Serverコンテンツやズームビューアプリセットにアクセスします。 この URL 文字列は、公開処理中にアクティブになります。これらのURL文字列または埋め込みコードをWebページやアプリケーションに配置するには、Dynamic MediaクラシックからURL文字列または埋め込みコードをコピーします。

メモ

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

ズームビューアの URL のコピー

  1. 左側のアセットライブラリパネルで、コピーする URL を持つズームビューアを含むアセットフォルダに移動します。

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

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

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

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

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

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

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

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

Web ページへのズームビューアの URL の追加

通常、訪問者は、ズームアイコン(通常は虫めがねのアイコン)を選択して、Webサイト上の画像をズームします。 このアイコンを選択すると、ポップアップウィンドウで画像を表示する動的 Web ページ(ASP または JSP)が起動します。このポップアップウィンドウが、閲覧者が実際に画像をズームする場所となります。

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

ズームビューアの埋め込みコードのコピー

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

ズームビューアの埋め込みコードをコピーするには:

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

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

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

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

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

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

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

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

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

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

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

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

このページ

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