Ви переглядаєте довідкову інформацію для версії:

Image Sets give users an integrated viewing experience, where users can see different views of an item by clicking a thumbnail image. Image Sets let you present alternative views of an item and the viewer offers zooming tools for examining images closely.

Image Sets are designated by a banner with the word IMAGESET. In addition, if the Image Set is published, then the publish date, indicated by the World icon is on the banner along with the last modification date, indicated by the Pencil icon displays. 

chlImage_1

Within the image set, you can also create swatches by creating an Image Set and adding thumbnails.

This application is particularly useful for when you want to show an item in a different color, pattern, or finish. To create a Image Set with color swatches, you need one image for each different color, pattern, or finish you want to present to users. You also need one color, pattern, or finish swatch for each color, pattern, or finish.

For example, suppose you want to present images of caps with different color bills; the bills are red, green, and blue. In this case, you need three shots of the same cap. You need one shot with a red, one with a green, and one with a blue bill. You also need a red, green, and blue color swatch. The color swatches serve as the thumbnails that users click in the Swatch Set Viewer to see the red-billed, green-billed, or blue-billed cap.

Примітка.

For information on the Assets user interface, see Managing assets with the Touch UI.

Quick Start: Image Sets

To get you up and running quickly:

  1. Start by uploading the images for your Image Sets. Because users can zoom on images in the Image Set Viewer, take zooming into account when you choose images. Make sure that the images are least 2000 pixels in the largest dimension. AEM Assets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.

  2. In Image Sets, users click thumbnail images in the Image Set Viewer to see an image from a different side or angle.

    To create an Image Set in Assets, tap or click Create > Image Sets. Then, add images and click Save.

    See Preparing Image Set assets for upload and Uploading your files.

  3. Set up Image Set Viewer presets, as needed. 

    Administrators can create or modify Image Set Viewer Presets. To see your image set with a viewer preset, select the image set, and in the left-rail drop-down menu, select Viewers.

    See Tools > AssetsViewer Presets to create or edit viewer presets.

    See Adding and editing viewer presets.

  4. Select the Image Set and you can preview it. Click the thumbnail icons to examine your Image Set in the selected Viewer. You can choose different viewers from the Viewers menu, available from the left rail drop-down menu.

  5. Publishing an Image Set activates the URL and Embed string. In addition, you must publish the viewer preset or image preset.

  6. Link URLs to your Web Application or Embed the Video or Image Viewer

    AEM Assets creates URL calls for Image Sets and activates them after you publish the image sets. You can copy these URLs when you preview assets. Alternatively you can embed them on your web site.

    Select the Image Set, then in the left rail drop-down menu, select Viewers.

If you need to edit Image Sets, see editing Image Sets. In addition, you can view and modify Image Set properties.

Uploading Assets in Image Sets

Start by uploading the images for your Image Sets. Because users can zoom on images in the Image Set Viewer, take zooming into account when you choose images. Make sure that the images are least 2000 pixels in the largest dimension. Image Sets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.

You can upload images for Image Sets as you would upload any other asset in Assets

Preparing Image Set assets for upload

Before creating Image Sets, make sure that the images are the right size and format.

To create a multiple-view Image Set, you need images that show an item from different points of view or show different aspects of the same item. The goal is to highlight the important features of an item so viewers have a complete picture of what it looks like or does.

Because users can zoom images in Image Sets, make sure that the images are at least 2000 pixels in the largest dimension. Assets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.

Примітка.

In addition if you are using thumbnails to indicate product swatches, you need to do the following:

You need vignettes or different shots of the same image showing it in different colors, patterns, or finishes. You also need thumbnail files that correspond to the different colors, patterns, or finishes. For example, to present thumbnails with an Image Set showing the same jacket in black, brown, and green, you need:

  • A black, brown, and green shot of the same jacket.
  • A black, brown, and green color thumbnail.

Creating Image Sets

You can create Image Sets through the user interface or via the API. This section describes how to create Image Sets in the UI.

To create an Image Set:

  1. Click Create, and select Image Set. You can also create set from inside a folder that contains your assets. The Image Set wizard displays.

    chlImage_1
  2. In Image Set Title, enter a name for the Image Set. The name appears in the banner across the Image Set. Optionally, enter a description. Click Next.

    chlImage_1

    Примітка.

    When creating the image set, you can change the image set thumbnail or allow AEM to select the thumbnail automatically based on the assets in the image set. To select a thumbnail, click Change thumbnail manually and select any image (you can navigate to other folders to find images as well). If you have selected a thumbnail and then decide that you want AEM to generate one from the image set, select Automatic thumbnail.

  3. Navigate to the assets you want to include in your Image Set. Select them and click Next.

    chlImage_1
  4. Re-order the images by dragging them up or down the list (must select the reorder icon), as necessary.

    chlImage_1

    If you want to add thumbnails, click the + thumbnail icon next to the image and navigate to the thumbnail you want. When done selecting all the thumbnail images click Save.

    Примітка.

    If you want to add assets after you have reached the Reorder step, tap or click Add Asset.

  5. To delete an image, select the corresponding check box and click Remove Asset. AEM Assets confirms that you want to delete the image from the Image Set.

    chlImage_1
  6. Click Save.

  7. AEM Assets displays a confirmation that your Image Set was created. Click OK. Your newly created Image Set appears in the folder you created it in.

    chlImage_1

Editing Image Sets

You can perform a variety of editing tasks to assets in Image Sets directly in the user interface as you would any asset in Assets. You can also perform the following actions in Image Sets:

  • Add images to the Image Set.
  • Re-order images in the Image Set.
  • Delete assets in the Image Set.
  • Delete the Image Set.
  • Add thumbnails.

To edit an Image Set:

  1. Navigate to the Image Set and click to open it, or select the Image Set and click the pencil icon on the thumbnail.

    chlImage_1
  2. To edit the images in the Image Set, do any of the following:

    • To add an image, click the Add Asset icon then navigate to the assets you want to add in your Image Set. Select them and click Next.
    • To reorder images, drag an image to a new location (select the reorder icon to move items).
    • To add a thumbnail, select the thumbnail next to the appropriate asset.
    • To delete an asset, select it and tap or click Remove Asset.

    Примітка.

    • To delete an entire Image Set, navigate to the Image Set, select it, and select Delete.
    • You can edit the images in an Image Set by navigating to the set, clicking Set Members in the left rail, and then clicking or tapping the Pencil icon on an individual asset to open the editing window.

Previewing Image Sets

To preview Image Sets, see Previewing assets.

Publishing Image Sets

See Publishing Assets for details on how to publish Image Sets.

Цей документ захищено ліцензією Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Публікації Twitter™ і Facebook не підпадають під умови ліцензії Creative Commons.

Юридична інформація   |   Політика мережевої конфіденційності