網站訪客通常透過先選取「縮放」圖示 (通常該圖示顯示為放大鏡影像) 來縮放影像。選取該圖示會啟動一個動態網頁 (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 頁面要顯示的產品影像。
使用者在產品詳細資訊頁面上選取縮放功能連結後可啟動該畫面。