Show Menu
TOPICS×

Linking an Image Set to a web page

After you publish an Image Set, you can copy its 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.
The URL is not active until you publish the asset.

Copying an Image Set URL

  1. In the Asset Browse panel, in the Show drop-down list, click 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:
    • Click 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, click Copy URL to the right of the viewer you want.
    • Click Grid View . In the Asset Browse panel, select a single asset, and then below the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Copy URL .
    • Click List View . In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Copy URL .
    • Click Grid View , List View , or Detail View . On the same toolbar, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Copy URL .

Adding Image Set URLs to your web page

The most common way to deploy Image Sets is to place a link (via a navigation icon) on your web page. When clicked, 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 additional details and code samples, see Embedding HTML5 Zoom Viewer in the Adobe Viewers Reference Guide .

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, click 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:
    • Click 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, click Embed Code .
    • Click Grid View . In the Asset Browse panel, select a single asset, and then below the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Embed Code .
    • Click List View . In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Embed Code .
    • Click Grid View , List View , or Detail View . On the same toolbar, click Preview > Viewer List .
      In the Viewer List page, under the Actions column of the table, click Embed Code .
  4. In the Embed Code dialog box, click Copy to Clipboard .
    Editing the code is not permitted in the Embed Code dialog box.
  5. Click Close .