將縮放檢視器連結至網頁

透過 URL 字串或內嵌程式碼,網站和應用程式可存取 Scene7 影像伺服器內容 (包括主影像、相關縮放目標及縮放檢視器預設集)。這些 URL 字串會在發佈程序中啟用。若要將 URL 字串或內嵌程式碼放到網頁和應用程式中,請先從 Scene7 Publishing System 進行複製。

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

複製縮放檢視器的 URL

  1. 在左側的「資產庫」面板中,導覽至含有您要複製其 URL 之縮放檢視器的資產資料夾。

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

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

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

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

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

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

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

將縮放檢視器的 URL 增加到網頁中

網站訪客通常透過先選取「縮放」圖示 (通常該圖示顯示為放大鏡影像) 來縮放影像。選取該圖示會啟動一個動態網頁 (ASP 或 JSP),該網頁在彈出式視窗中顯示該影像。彈出式視窗是訪客實際縮放該影像的位置。

IT 工作人員可建立類似於以下範例的代碼來開啟供縮放的彈出式視窗:

<a href="javascript:zoom_window();"> 
<img src="http://www.scene7.com/images/buttons/zoomMag.gif" width="50" height="50" border="0" /></a>

請注意,該連結會呼叫名為 zoom_window() 的 JavaScript 函數。 zoom_window() 函數位於網頁 HTML 代碼的 </HEAD> 標籤上方:

<script language="javascript"> 
<!-- 
function zoom_window() { 
window.open("http://s7d4.scene7.com/s7ondemand/zoom/flasht_zoom.jsp 
?company=S7Web&sku=Backpack1&zoomwidth=420&zoomheight=470& 
vc=skin=/is-viewers/flash/basicZoomSkin.swf","", "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>

請注意,彈出式視窗的 URL 為 Scene7 URL ( http://s7d4.scene7.com/s7ondemand/zoom/flasht_zoom.jsp )。該 URL 將呼叫包含 Flash 縮放檢視器和主影像的縮放彈出式視窗 (JSP 頁面)。JSP 頁面、縮放檢視器和主影像均位於 Scene7 伺服器。代碼中的 Scene7 URL 將取代為縮放 URL。

請注意 URL 中的 SKU 參數 ( &sku=Backpack1 )。 &sku= 之後的字串為 Backpack1 。每個產品的縮放功能快顯連結包含不同的產品 SKU,用於告知 Scene7 JSP 頁面要顯示的產品影像。

使用者在產品詳細資訊頁面上選取縮放功能連結後可啟動該畫面。

複製「縮放」檢視器的內嵌副本

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

複製縮放檢視器的內嵌程式碼

  1. 在左側的「資產庫」面板中,導覽至含有您要複製其內嵌程式碼之「縮放」檢視器的資產資料夾。

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

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

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

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

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

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

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

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

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

  4. 按一下「關閉」。