將 URL 連結至網路應用程式

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

若要將這些URL字串置於您的網頁和應用程式中,請從Dynamic Media經典複製。 若要取得以影像預設集產生的 URL 字串,請前往「預覽」畫面或瀏覽面板 (在詳細檢視中)。

取得影像預設集 URL

您可以從「預覽」或詳細檢視取得由影像預設集產生的 URL 字串。複製 URL 之後,該 URL 就會進入剪貼簿,讓您視需要貼上。

注意

在發佈資產之前,URL 不會產生作用。

從預覽取得影像預設集 URL

  1. 在左側的「資產庫」面板中,導覽至含有您要預覽之影像資產的「資產」檔案夾。

  2. 執行下列任一項作業︰

    • 在「資產」視窗上方的工具列右側,按一下「格點檢視」。在「資產」視窗中,選取單一影像資產,然後在縮圖影像下方按一下「預覽​> >[!UICONTROL ​影像預設集清單​]」。
    • 在「資產」視窗上方的工具列右側,按一下「清單檢視」。在「資產」視窗中,選取單一影像資產,然後按一下縮圖影像右側的「預覽​ > 影像預設集清單」。
    • 在「資產」視窗上方的工具列右側,按一下「詳細檢視」。在同一工具列上,按一下「預覽​ > 影像預設集清單」。
  3. (選擇性)在「影像預設集清單」的「複製URL產生的URL編碼」下拉式清單中,選取您要在複製影像資產的URL時套用的URL編碼。

  4. 在「影像預設集清單」視窗中,在預覽窗格的右上方區域,針對選取的預設集類型按一下「複製URL<a1/」。

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

從瀏覽面板取得影像預設集 URL

  1. 在左側的「資產庫」面板中,導覽至含有您要預覽之影像資產的「資產」檔案夾。
  2. 在「資產」視窗上方的工具列右側,按一下「格點檢視」。從瀏覽面板取得影像預設集 URL
  3. 在「資產」視窗上方的工具列右側,按一下「詳細檢視」。
  4. 按一下畫面右側面板上的​URL​以展開影像預設集清單。
  5. 按一下影像預設集名稱旁的「複製URL」連結,並附上您要複製至剪貼簿的URL。

關於影像預設集 URL 字串

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)時,使用「大」影像預設所定義的大小和格式設定說明。

增加動態影像至網頁

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

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

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

您現在使用<IMG>標籤,將靜態影像的參考取代為對Dynamic Media經典平台的影像預設集呼叫。 範例呼叫的外觀如下:

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

在此示例中,Dynamic Media影像伺服器「查找」$thumbnail$的定義,並動態生成具有thumbnail影像預設集定義的大小和格式規範的適當影像。 在 URL 字串中,除了產品影像檔案名稱 (在此範例中為 backpack_trns) 之外的所有項目,通常都會連接至頁面範本。唯一自動從商務伺服器插入頁面範本的元素是 IPS ID 或影像名稱。

本頁內容