将图像集链接到网页

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

复制图像集 URL

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

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

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

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

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

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

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

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

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

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

将图像集 URL 添加到网页

部署图像集最常见的方法是在网页上放置链接（通过导航图标）。单击该链接后，将启动一个动态页(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. 单击​关闭。