将样本集链接至网页

发布样本集后,可以在您的网站或应用程序中使用其 URL 或嵌入代码。然后,可以根据需要部署该 URL 或嵌入代码,以便用户可以在您的网站或应用程序上查看样本集。

注意

在发布资源之前,URL 处于非激活状态。

复制样本集 URL

  1. 在“资源浏览”面板的“显示”下拉列表中,单击“样本集”。

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

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

    • 单击“网格视图”。在“资源浏览”面板中,双击单个资源以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,单击所需查看器右侧的“复制 URL”。

    • 单击“网格视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像下方单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“复制 URL”。

    • 单击“列表视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“复制 URL”。

    • 单击“网格视图”、“列表视图”或“详细信息视图”。在同一工具栏上,单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“复制 URL”。

向您的网页中添加样本集 URL

部署样本集的最常用方式是将一个链接(通过导航图标)放在网页中。单击后,链接会启动可在弹出式缩放窗口中显示样本集的动态页面(ASP 或 JSP)。缩放链接会打开一个弹出窗口,其中包含实际的缩放功能。

有关其他详细信息和代码示例,请参阅《Adobe查看器参考指南》](/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/zoom/c-html5-20-zoom-viewer-about.html?lang=zh-Hans#section-e1c3106f5b3e445d9b95be337c2f94e2)中的[嵌入HTML5缩放查看器。

复制样本集查看器的嵌入代码

使用嵌入代码功能,您可以查看用于所选样本集的查看器代码。您也可以将代码复制到剪贴板中,以便可以将其粘贴到网页中以部署查看器。不允许在“嵌入代码”对 话框中编辑代码 。

复制样本集查看器的嵌入代码

  1. 在“资源浏览”面板的“显示”下拉列表中,单击“样本集”。

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

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

    • 单击“网格视图”。在“资源浏览”面板中,双击单个资源以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,单击所需查看器右侧的“嵌入代码”。

    • 单击“网格视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像下方单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“嵌入代码”。

    • 单击“列表视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“嵌入代码”。

    • 单击“网格视图”、“列表视图”或“详细信息视图”。在同一工具栏上,单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“嵌入代码”。

  4. 在“嵌入代码”对话框中,单击“复制到剪贴板”。

    在“嵌入代码”对话框中不允许编辑代码。

  5. 单击​关闭

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free