將 URL 連結至網路應用程式

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

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

取得影像預設集 URL

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

注意​:在您發佈資產之前,URL不會生效。

從預覽取得影像預設集 URL

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

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

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

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

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

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

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

關於影像預設集 URL 字串

動態媒體影像伺服器的影像大小URL呼叫具有下列基本語法:

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

在動態媒體影像伺服器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 中的影像預設集名稱皆包含在貨幣符號 ($) 中。當動態媒體影像伺服器遇到URL的影像預設集部分(本例中為Large)時,請使用「大型」影像預設集所定義的大小和格式指示。

增加動態影像至網頁

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

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

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

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

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

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free