ドキュメントDynamic Media Classicガイド

Web アプリケーションへの URL のリンク linking-urls-to-your-web-application

Last update: Fri Apr 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • Intermediate
  • User

Web サイトおよびアプリケーションは、URL 文字列を介してDynamic Media Image Server コンテンツにアクセスします。 画像を公開すると、Adobe Dynamic Media ClassicはDynamic Media Image Server 上の画像プリセットを参照する URL 文字列をアクティベートします。 これらの URL を Web ブラウザにペーストしてテストすることができます。

これらの URL 文字列を web ページやアプリケーションに配置するには、Adobe Dynamic Media Classicからコピーします。 画像プリセットで生成された URL 文字列を取得するには、プレビュー画面または参照パネル（詳細表示）に移動します。

画像プリセット URL の取得 obtaining-an-image-preset-url

画像プリセットとともに生成された URL 文字列は、プレビューまたは詳細ビューから取得できます。URL をコピーすると、URL はクリップボードに格納され、必要に応じてペーストできるようになります。

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

プレビューからの画像プリセット URL の取得 obtaining-an-image-preset-url-from-preview

  1. 左側のアセットライブラリパネルで、プレビューする画像アセットを含むアセットフォルダーに移動します。

  2. 次のいずれかの操作を行います。

    • Assets ウィンドウの上のツールバーの右側で、次の項目を選択します グリッド表示. アセットウィンドウで、1 つの画像アセットを選択し、サムネール画像の下の「」に移動します。 プレビュー > 画像プリセットリスト.
    • Assets ウィンドウの上のツールバーの右側で、次の項目を選択します リスト表示. アセットウィンドウで、1 つの画像アセットを選択し、サムネール画像の右側で、 プレビュー > 画像プリセットリスト.
    • Assets ウィンドウの上のツールバーの右側で、次の項目を選択します 詳細ビュー. 同じツールバーで、に移動します プレビュー > 画像プリセットリスト.

  3. （オプション）画像プリセットリストの「URL 生成をコピーするための URL エンコーディング」ドロップダウンリストで、画像アセットの URL に適用する URL エンコーディングを選択します。

  4. 画像プリセットリスト ウィンドウのプレビューペインの右上にある領域で、 URL をコピー （選択したプリセットタイプ用）

  5. 画像プリセットリスト ウィンドウの右下隅にある「」を選択します。 閉じる をクリックして、アセット画面に戻ります。

参照パネルからの画像プリセット URL の取得 obtaining-an-image-preset-url-from-the-browse-panel

  1. 左側のアセットライブラリパネルで、プレビューする画像アセットを含むアセットフォルダーに移動します。
  2. Assets ウィンドウの上のツールバーの右側で、次の項目を選択します グリッド表示. アセットウィンドウで、1 つの画像アセットを選択します。
  3. Assets ウィンドウの上のツールバーの右側で、次の項目を選択します 詳細ビュー.
  4. を選択 URL 画面の右側にあるパネルで、画像プリセットのリストを展開できます。
  5. を選択 URL をコピー 画像プリセット名の横にあるリンクに、クリップボードにコピーする URL が表示されます。

画像プリセットの URL 文字列について about-image-preset-url-strings

Dynamic Media Image Server に対する画像サイズ設定の URL 呼び出しは、次の基本的な構文を持ちます。

パス/Image Server 名/アカウント名/image画像名?モディファイア 1&モディファイア 2&…

Dynamic Media Image Server の URL では、疑問符（?）の後に画像を表示するためのサーバーへの指示が表示されます。 例えば、次の URL 呼び出しは、「backpack」という名前の画像を 250 ピクセルの幅で配信します。

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250

画像プリセット URL には、画像を適切なサイズおよび形式仕様で表示するためのすべての命令修飾子が含まれています。画像プリセットを使用しない場合は、次の URL 文字列のように、疑問符（?）の後ろにすべての命令修飾子が表示されます。

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250&fmt=jpeg&qlt=80,0&resMode=sharp&op_usm=1.1,0.5,1,0

画像プリセットとともに生成された URL 文字列では、画像プリセットによって定義されている命令の代わりに画像プリセット名が表示されます。例えば、上記の長い URL を表す URL 文字列は、次のようになります。

https://s7d1.scene7.com/is/image/S7learn/backpack?$Large$

URL 内で、画像プリセット名はドル記号（$）で囲まれています。Dynamic Media Image Server が URL の画像プリセット部分（ Large この場合は、「Large」画像プリセットで定義されたサイズとフォーマットの手順を使用します。

Web ページへの動的画像の追加 adding-dynamic-images-to-your-web-page

Web ページに動的な画像を追加するには、 <IMG> HTMLの web ページのタグのコードは、通常、Adobe Dynamic Media Classic URL 文字列を使用して変更され、Dynamic Media Image Server にリクエストを送信します。 この文字列は、画像プリセットによって定義されているサイズおよび形式仕様で画像を生成します。

例えば、静的な画像を開くための次のような一般的な呼び出しの代わりに、

img src="/company_images/products/backpack_thumbnail.jpg"

ここでは、を使用します <IMG>タグを付けて、静的画像への参照を、Adobe Dynamic Media Classic プラットフォームへの画像プリセット呼び出しに置き換えます。 呼び出しの例を次に示します。

img src="https://s7d2.scene7.com/is/image/S7learn/backpack_trns?$thumbnail$"

この例では、Dynamic Media Image Server が以下の定義を「検索」します。 $thumbnail$ で定義されたサイズおよびフォーマットの仕様に従って、適切な画像を動的に生成します。 thumbnail画像プリセット。 URL 文字列で、製品画像のファイル名（ backpack_trns この場合、は通常、ページテンプレートにハードワイヤリングされます。 コマースサーバからページテンプレートに自動的に挿入される唯一の項目は、IPS ID または画像の名前です。

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26