Web アプリケーションへの URL のリンク

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

これらのURL文字列をWebページやアプリケーションに配置するには、Dynamic Media ClassicからURL文字列をコピーします。 画像プリセットとともに生成された URL 文字列を取得するには、プレビュー画面または参照パネル(詳細ビュー)に進みます。

画像プリセットの URL の取得

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

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

プレビューからの画像プリセットの URL の取得

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

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

    • アセットウィンドウの上のツールバー右側にある「グリッドビュー」をクリックします。アセットウィンドウで 1 つの画像アセットを選択し、サムネール画像の下にあるプレビュー/画像プリセットリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「リストビュー」をクリックします。アセットウィンドウで 1 つの画像アセットを選択し、サムネール画像の右側にあるプレビュー/画像プリセットリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「詳細ビュー」をクリックします。同じツールバーにあるプレビュー/画像プリセットリストをクリックします。
  3. (オプション)画像プリセットリストウィンドウ下部の「URL をコピー生成で使用する URL エンコーディング」ドロップダウンリストで、画像アセットの URL がコピーされるときにアセットの URL に適用する URL エンコーディングを選択します。

  4. 画像プリセットリストウィンドウのプレビューパネルの右上の領域で、選択したプリセットの種類の「URL をコピー」をクリックします。

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

参照パネルからの画像プリセットの URL の取得

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

画像プリセットの URL 文字列について

ダイナミックメディアイメージサーバへの画像サイズ変更用のURL呼び出しの基本構文は、次のとおりです。

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

Dynamic Media Image ServerのURLでは、サーバーに対する画像表示の指示は、疑問符(?)の後に表示されます。 例えば、次の URL 呼び出しは、「backpack」という名前の画像を幅 250 pixel で配信します。

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 内で、画像プリセット名はドル記号($)で囲まれています。When a Dynamic Media Image Server encounters the Image Preset portion of the URL (the Large in this case), using the size and formatting instructions defined by the “Large” Image Preset.

Web ページへの動的画像の追加

To add dynamic images to your web page, the <IMG> tag in your HTML web page code typically is modified using the Dynamic Media Classic URL string to make a request to Dynamic Media Image Servers. この文字列は、画像プリセットによって定義されているサイズおよび形式仕様で画像を生成します。

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

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

you now use the <IMG>tag to replace the reference to a static image with an Image Preset call to the Dynamic Media Classic platform. 呼び出しの例を次に示します。

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

In this example, a Dynamic Media Image Server “looks up” the definition of $thumbnail$ and dynamically generates the appropriate image with the sizing and formatting specifications defined by the thumbnailImage Preset. URL 文字列の、製品の画像のファイル名(この例では backpack_trns)を除くすべての項目は、通常ページテンプレートに直接記述されています。コマースサーバからページテンプレートに自動的に挿入される唯一の項目は、IPS ID または画像の名前です。

このページ