将图像集链接到网页

1. 在“资源浏览”面板的“显示”下拉列表中，单击“ 图像集 ”。

2. 在左侧的“资源库”面板中，导航至要复制其嵌入代码的图像集所在的资源文件夹。

3. 在“资源浏览”面板上方的工具栏右侧，执行以下任一操作：

   • 单击“ 网格视图 ”。在“资源浏览”面板中，双击单个资源以便在详细信息视图中将其打开。在右侧的“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 参数现在为图像集名称，以下 URL 调用 Scene7 平台遵循与所有缩放查看器相同的协议。

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. 单击“关闭”。