Image Gallery

Create a slideshow of images to be used on your website. 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.

To get started, enable image gallery assets in account settings. Then, enter the path to your image folder in site settings. 

Image gallery assets are not compatible with pages created from layouts (also known as Layout Control Files [LCFs]).

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.
   • Galleries are automatically locked to the site. To use a gallery on a different site, create a new image gallery asset on that site.
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 (for example, 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 Modern Campus CMS.
   • 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 .
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 to remove images from the gallery.
6. Click Save.
7. Publish the asset for your changes to appear on the live website.