By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy

 
Skip to Content

Image Gallery Assets

Create a slideshow of images to be used on your website. As part of the Live Delivery Platform (LDP) module, image gallery assets require LDP to be purchased and activated before they can be created in your site.

Each image in the asset has its own title, caption, description, and link. How image galleries appear on your website depends on your site design and styling.

Create NewLink to this section

Creating an image gallery asset is a two-step process. First, create the asset, where you fill out basic information. Then, upload the images into the asset, sort, and caption them before saving and publishing.


Create an image gallery asset, as follows:

  1. Navigate to Content > Assets.
  2. Click +New.
  3. Click Image Gallery.
  4. Type an asset name.
    • Description and tags are optional, but tags can make it easier to find when searching for an asset to place on a page.
    • Select "Lock to site" checkbox to prevent use on different sites.
  5. Set access settings for the asset, if applicable.
  6. Determine how the image gallery thumbnails will display, as follows:
    • Maximum Thumbnail Size: Type the maximum width and height of the thumbnails. The max value for each is 500 pixels.
    • Thumbnail Preview: Drag the dotted-line of the preview box to adjust, if desired.
    • Thumbnail Aspect Ratio: Select an aspect ratio radio button to determine how images are resized to create the thumbnail. 
      • Select "Original" radio to keep the proportions of the image and resize it (i.e., the longest dimension meets the maximum thumbnail dimension).
      • Select "Crop" to resize the image so the shortest dimension meets the max thumbnail dimension, and then crop from the center of the image.
    • Advanced: Add XML, as needed.
  7. Click Create.

Upload images to the asset, as follows:

  1. While editing an asset, click Images.
  2. Click Upload Images or drag them to the window.
    • You must upload files rather than use images already in OU Campus.
    • You cannot edit images after uploading them to the asset.
  3. For each image, type a title, description, caption, and click-through link, as appropriate.
    • Depending on your gallery styling, not all of these fields will be used.
  4. Drag images to a new position in the window.
    • The order of the images in the gallery determines the order they display on a page.
  5. To remove images from the gallery, click Exit icon.
  6. Click Save.

Your asset is now available for use on pages, but must be published before it appears on any live web pages.

UseLink to this section

Insert image gallery assets onto pages while you are editing the content or source code. A common use is to integrate them into page designs through page parameters. Through page parameters, you can assign an image gallery to a page and determine if the image gallery will display as thumbnails, a slide show, or a slider region. Options vary depending on your implementation, site design, and even the type of page you are editing.

EditLink to this section

You can edit the options and metadata for an image gallery asset but not the images. To change the images upload a new image and delete the image you are replacing.

Edit an image gallery asset, as follows:

  1. Navigate to Content Assets.
  2. Click on the name of the asset you want to edit.
  3. Edit the asset options or image metadata, as needed.
  4. Click Upload Images or drag them to the window.
  5. Click Exit icon to remove images from the gallery.
  6. Click Save.
  7. Publish the asset for your changes to appear on the live website.