文件Dynamic Media Classic指南

將URL連結至您的網頁應用程式 linking-urls-to-your-web-application

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

建立對象：

  • Intermediate
  • User

您的網站和應用程式會透過URL字串存取Dynamic Media影像伺服器內容。 發佈影像後，Adobe Dynamic Media Classic會啟用參照Dynamic Media影像伺服器上影像預設集的URL字串。 您可以將這些 URL 貼至網路瀏覽器以進行測試。

若要將這些URL字串放置在網頁和應用程式中，請從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. 執行下列任一項作業︰

    • 在「資產」視窗的工具列右側，選取「 」 格點檢視. 在「資產」視窗中，選取單一影像資產，然後在縮圖影像下方前往 預覽 > 影像預設集清單.
    • 在「資產」視窗的工具列右側，選取「 」 清單檢視. 在「資產」視窗中，選取單一影像資產，然後前往縮圖影像右側 預覽 > 影像預設集清單.
    • 在「資產」視窗的工具列右側，選取「 」 詳細資料檢視. 在相同工具列上，前往 預覽 > 影像預設集清單.

  3. （可選）在「影像預設集」清單的「產生複製URL的URL編碼」下拉式清單中，選取在複製影像資產時套用至其URL的URL編碼。

  4. 在「影像預設集清單」視窗中，在預覽窗格的右上角區域中，選取 複製URL 選取的預設集型別。

  5. 在「影像預設集清單」視窗的右下角，選取 關閉 以返回「資產」畫面。

從瀏覽面板取得影像預設集URL obtaining-an-image-preset-url-from-the-browse-panel

  1. 在左側的「資產庫」面板中，導覽至包含您要預覽之影像資產的資產資料夾。
  2. 在「資產」視窗的工具列右側，選取「 」 格點檢視. 從瀏覽面板取得影像預設集 URL
  3. 在「資產」視窗的工具列右側，選取「 」 詳細資料檢視.
  4. 選取 URL 位於畫面右側的面板，讓您展開影像預設集清單。
  5. 選取 複製URL 影像預設集名稱旁的連結，以及您要複製到剪貼簿的URL。

關於影像預設集 URL 字串 about-image-preset-url-strings

Dynamic Media影像伺服器的影像大小調整URL呼叫有以下基本語法：

路徑/影像伺服器名稱/帳戶名稱/影像名稱?修飾元 1&修飾元 2&…

在Dynamic Media影像伺服器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影像伺服器遇到URL的影像預設集部分時( Large 在此情況下)，使用「大」影像預設集所定義的大小和格式設定指示。

將動態影像新增至網頁 adding-dynamic-images-to-your-web-page

若要將動態影像新增至網頁，請 <IMG> HTML網頁程式碼中的標籤通常會使用Adobe Dynamic Media Classic URL字串來修改，以便向Dynamic Media影像伺服器提出要求。 此字串會按照影像預設集所定義的大小和格式規格來產生影像。

例如，您不需使用一般呼叫即可開啟靜態影像，如

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影像伺服器「查詢」以下專案的定義： $thumbnail$ 並透過以下定義的大小與格式規格，動態產生適當的影像： thumbnail影像預設集。 在URL字串中，產品影像檔案名稱( backpack_trns 在此情況下)，通常會針對頁面範本進行硬式連線。 唯一自動從商務伺服器插入頁面範本的元素是 IPS ID 或影像名稱。

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