Web アプリケーションへのURLのリンク linking-urls-to-your-web-application
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 はクリップボードに格納され、必要に応じてペーストできるようになります。
プレビューから画像プリセット URLを取得 obtaining-an-image-preset-url-from-preview
-
左側のアセットライブラリパネルで、プレビューする画像アセットを含むアセットフォルダーに移動します。
-
次のいずれかの操作を行います。
- Assets ウィンドウの上、ツールバーの右側にある グリッド表示 を選択します。 アセットウィンドウで、単一の画像アセットを選択し、サムネイル画像の下の「プレビュー」 > 「画像プリセットリスト」に移動します。
- Assets ウィンドウの上、ツールバーの右側にある「リスト表示」を選択します。 アセットウィンドウで、単一の画像アセットを選択し、サムネイル画像の右側にあるプレビュー/画像プリセットリストに移動します。
- Assets ウィンドウの上、ツールバーの右側にある 詳細表示 を選択します。 同じツールバーで、プレビュー > 画像プリセットリストに移動します。
-
(オプション)画像プリセットリストの「URL エンコーディング URL生成のコピー」ドロップダウンリストで、画像アセットのコピー時にURLに適用するURL エンコーディングを選択します。
-
画像プリセットリストウィンドウのプレビューペインの右上領域で、選択したプリセットタイプの URLをコピー を選択します。
-
画像プリセットリストウィンドウの右下隅にある「閉じる」を選択して、Assets画面に戻ります。
参照パネルから画像プリセット URLを取得する obtaining-an-image-preset-url-from-the-browse-panel
- 左側のアセットライブラリパネルで、プレビューする画像アセットを含むアセットフォルダーに移動します。
- Assets ウィンドウの上、ツールバーの右側にある グリッド表示 を選択します。 アセットウィンドウで、1 つの画像アセットを選択します。
- Assets ウィンドウの上、ツールバーの右側にある 詳細表示 を選択します。
- 画面の右側にあるパネルで「URL」を選択して、画像プリセットのリストを展開します。
- クリップボードにコピーするURLを含む画像プリセットの名前の横にある「URLをコピー」リンクを選択します。
画像プリセットの URL 文字列について about-image-preset-url-strings
Dynamic Media Image Serverへの画像サイズ変更のURL呼び出しには、次の基本的な構文があります。
パス/画像サーバーの名前/アカウント名/画像名?modifier1&modifier2&…
Dynamic Media Image ServerのURLでは、画像を表示するためのサーバーへの指示が、疑問符(?)の後に表示されます。 例えば、このURL呼び出しは、幅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)が検出された場合、「大」画像プリセットで定義されたサイズと形式の指示を使用します。
Web ページへの動的画像の追加 adding-dynamic-images-to-your-web-page
Web ページに動的画像を追加する場合、通常、HTML ページコードの<IMG> タグは、Adobe Dynamic Media Classic URL文字列を使用してDynamic Media Image Serversにリクエストを行うために変更されます。 この文字列は、画像プリセットによって定義されているサイズおよび形式仕様で画像を生成します。
例えば、静的な画像を開くための次のような一般的な呼び出しの代わりに、
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 または画像の名前です。