将图像集链接到网页

发布图像集之后,您可以在网站或应用程序中使用其 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 参数现在为图像集名称,以下 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. 单击“关闭”。