將影像集連結至網頁

發佈影像集後,您便可以在網站或應用程式中複製其 URL 或內嵌程式碼。然後,您可以視需要部署 URL 或貼上內嵌程式碼,以便使用者在您的網站或應用程式中檢視「影像集」。

重要事項: 在發佈資產之前,URL 不會產生作用。

複製「影像集 URL」

  1. 在「資產瀏覽」面板中,從「顯示」下拉式清單中按一下「 影像集 」。

  2. 在左側的「資產庫」面板中,導覽至含有您要複製其內嵌程式碼之「影像集」的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:
    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,按兩下單一資產以在「詳細檢視」中開啟。在右側「URL」和「內嵌程式碼」面板中,按一下您要的檢視器右側的「 複製 URL 」。

    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。

    • 按一下「 清單檢視 」。在「資產瀏覽」面板中,選取單一資產,然後按一下縮圖影像右側的「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。

    • 按一下「 格點檢視 」、「 清單檢視 」或「 詳細檢視 」。在同一個工具列上,按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。

增加影像集 URL 至網頁

部署影像集最普遍的方式是在網頁上放置連結 (透過導覽圖示)。按一下後,連結便會啟動動態頁面 (ASP 或 JSP),在快顯縮放視窗中顯示影像集。縮放連結會開啟包含實際縮放功能的快顯視窗。以下是代碼範例:

<script language="javascript"> 
<!-- 
function zoom_window() { 
window.open("http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set","", 
"toolbar=no,location=no,directories=no,"+ 
"status=no,menubar=no,scrollbars=yes"+ 
"resizable=yes,width=500,height=450,top=0,left=0,right=0,bottom=0") 
} 
--> 
</script>

除了 SKU 參數現在是「影像集」名稱之外,下列 Scene7 平台的 URL 呼叫都遵循與所有縮放檢視器相同的通訊協定。

http://sample.scene7.com/s7ondemand/zoom/flasht_zoom.jsp?company=S7Web&sku=sweater_1_set

在上述 URL 中,請注意 SKU 編號 ( sku=sweater_1_set )。在 sku= 之後的字串為「影像集」名稱 ( sweater_1_set )。使用者按一下縮放功能連結後,會啟動一個視窗。

複製「影像集」檢視器的內嵌程式碼

您可使用「內嵌程式碼」功能查看所選「影像集」的檢視器程式碼。您也可以將該程式碼複製到剪貼簿,然後在您的網頁中貼上,以便部署檢視器。不可在「內嵌程式碼」對話框中編輯程式碼。

複製「影像集」檢視器的內嵌程式碼

  1. 在「資產瀏覽」面板中,從「顯示」下拉式清單中按一下「 影像集 」。

  2. 在左側的「資產庫」面板中,導覽至含有您要複製其內嵌程式碼之「影像集」的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:
    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,按兩下單一資產以在「詳細檢視」中開啟。在右側的 URL 面板中,按一下「 內嵌程式碼 」。

    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。

    • 按一下「 清單檢視 」。在「資產瀏覽」面板中,選取單一資產,然後按一下縮圖影像右側的「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。

    • 按一下「 格點檢視 」、「 清單檢視 」或「 詳細檢視 」。在同一個工具列上,按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。

  4. 在「內嵌程式碼」對話框中,按一下「 複製至剪貼簿 」。

    不可在「內嵌程式碼」對話框中編輯程式碼。

  5. 按一下「關閉」。