Link an Image Set to a Web page linking-an-image-set-to-a-web-page

After you publish an Image Set, you can copy its associated URL or its Embed Code for use in your Web site or application. Then you can deploy the URL or paste the Embed Code as necessary so users can view the Image Set on your Web site or application.

NOTE
The URL is not active until you publish the asset.

Copy an Image Set URL copying-an-image-set-url

  1. In the Asset Browse panel, in the Show drop-down list, select Image Set.

  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the Image Set whose Embed Code you want to copy.

  3. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs and Embed Code panel on the right, select Copy URL to the right of the viewer you want.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

Adding Image Set URLs to your Web page adding-image-set-urls-to-your-web-page

The most common way to deploy Image Sets is to place a link (by way of a navigation icon) on your Web page. When selected, the link launches a dynamic page (JSP) that displays the Image Set in a pop-up zoom window. The zoom link opens a pop-up window that contains the actual zoom feature.

For more details and code samples, see the Embed HTML5 Zoom Viewer in the Adobe Viewers Reference Guide.

Copy the Embed Code of an Image Set viewer copying-the-embed-code-of-an-image-set-viewer

Using the Embed Code feature lets you review the viewer code for the selected Image Set. You can also copy the code to the clipboard so you can paste it in your Web pages for deployment of the viewer. Editing of the code is not permitted in the Embed Code dialog box.

To copy the Embed Code of an Image Set viewer:

  1. In the Asset Browse panel, in the Show drop-down list, select Image Set.

  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the Image Set whose Embed Code you want to copy.

  3. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs panel on the right, select Embed Code.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

  4. In the Embed Code dialog box, select Copy to Clipboard.

    Editing the code is not permitted in the Embed Code dialog box.

  5. Select Close.

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26