Showing images in pop-up windows

You can include images in your pop-up windows. The images can be contained within the layer's data or you can enter a URL to an image stored on an external website or in your portal. The images can include titles, captions, and links to related websites.

Tip:

For the best display, you should create images that are 200 pixels wide and 150 pixels high. If your image is smaller than 200 by 150, you will see a white border in the window. If the image is larger, your web browser automatically rescales the image to 200 by 150 and may appear warped.

To show an image in a pop-up window, follow the steps below.

Steps:

1. Verify that you are logged in if you want to save the changes to a map you own or save a copy of a map owned by somebody else.
2. Open the map in which you want to show images in pop-up windows in the map viewer.
3. Click the Details button.
4. Click the Contents button.
5. Navigate to the sublayer that contains the layer you want to configure to show images.
6. Click the arrow to the right of the layer name and click Configure Pop-up. The Pop-up Properties window appears within the Details panel. For more information, see Configuring pop-up windows.
7. Click the Add button and choose Image. The Configure Image window opens.
8. Enter a title for the image. By default, the primary field is displayed.
   1. Click the [+] button and select a field value from your data. Use this option if you want a unique title for each feature in your data.
   2. Optionally enter static text instead of or in addition to your field value.
   3. If you don't want a title with your image, delete any text that appears in the field so the field is blank.
9. Enter a caption. The caption appears below the title and above the image. It is useful for giving a short explanation of the image. By default, no caption is displayed.
   1. Click the [+] button and select a field value from your data. Use this option if you want a unique caption for each feature in your data.
   2. Optionally enter static text instead of or in addition to your field values.
   3. If you don't want a caption with your image, delete any text that appears in the field so the field is blank.
10. Enter the URL to the image.
    1. Click the [+] button and select a field value from your data. Use this option if you want a unique image for each feature in your data.
    2. Optionally enter the URL to an image. PNG, JPEG, and GIF images are supported
11. Enter the URL of a related link. When the image is clicked, this URL will open in a new window. It is optional.
    1. Click the [+] button and select a field value from your data. Use this option if you want a unique URL for each feature in your data.
    2. Optionally enter the URL of a related link.
12. Click OK to save your image configuration and close the Configure Image window.
13. If you have more than one image (or other media items) and want to change the order of how the items appear in the pop-up window, click a media item in the Pop-up media box and click the Up button or Down button.
14. Click Save Pop-up.
15. Click Save to save your changes to the map. For more information, see Saving web maps.