网站访客通常通过先选择“缩放”图标(通常该图标显示为放大镜图像)来缩放图像。选择该图标会启动一个动态网页(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 页面要显示的产品图像。
用户在“产品详细信息”页面上选择缩放功能链接后可启动该屏幕。