Photosets

Groups of scrollable images on news stories and features

Sample photoset on www.wm.eduPhotoset images should be 475px x 265px. If a photo is vertically-oriented, the height should be 265px, and you must mat the photo to make it 475 px wide (that is, place the image on a background color that is 475 px wide). The suggested mat color is black.

(If you do not have photo editing software available to you, try one of these image editors.)

Creating a photoset
Step 1: Create a photoset folder
  1. Navigate to the folder where you store your photosets.
  2. From the top menu, choose Add Content >> Folder with Photoset
  3. Enter a Folder Name (all lowercase, no spaces) and Display Name, and click Submit (if prompted, correct spelling errors and click Next to proceed.
Step 2. Upload images and add your titles and captions
  1. Crop and save images to 475 x 265 on your computer using a supported file type (.jpg, .jpeg, .png, .bmp). To simplify your upload process, save your image with a name using no spaces that is all lowercase.
  2. In the same folder you just created, upload the images. 
  3. Edit the photoset file and use the image chooser to add photos to the collection. Enter a title, caption and (optional) photo credit for the selected image. Click the + symbol to add new photos to the photoset. Use the up and down arrows to reorder your collection.
Step 3: Add the photoset to a news story or feature page
  1. Edit the news story or feature page.
  2. Under the Photoset section, click Choose Page and choose the photoset file you just created.
  3. To save, select Preview Draft and then Submit >> Check Content & Submit.
Legacy Method

The legacy method of adding photoset titles and captions directly to the image files is still operational for old photosets, however for accessibility compliance purposes, photosets should no longer be built in that manner. The Display Name field on your image files should be reserved for providing descriptive alt text.

Fancy captions

We have a few special tags to help you apply basic text formatting to your captions. Surround your text with {em} and {/em} for italics or {strong} and {/strong} for bold. To add a line break type {br}. To add a text link, use the hyperlinking in text fields method.

Troubleshooting
My photoset is not scrolling through my images
  • Your Photoset Title and Caption fields should not have any linebreaks/carriage returns/hard returns (these can get copied in when copying from external sources such as Word).
  • One or more of your photoset images may not be one of the required file types (.jpg, .jpeg, .png, .bmp). Double check that files do not have an uppercase JPG extension (file extensions are case sensitive).
My story/feature is live, but my photoset does not appear.

Make sure that you published both the story/feature page and the photoset folder.

The top banner image is repeating on the page in an endless loop.

Edit your story or feature and make sure that in the Photoset field you selected a photoset file, not the current page

The photo(s) in the photoset are missing or have vertical and horizontal scrollbars on the published website, as if my photos are too big.

Edit your photoset file. On the Configure tab make sure the "Maintain Absolute Links When Publishing" checkbox is checked. Re-publish the photoset file.

My Photoset looks like a solid color box in Cascade

Photosets are separate pages that are combined with a story/feature on the live web server, not in Cascade. Think of the box as a photoset placeholder. Click the preview link provided in the box to view the photoset. Publish both the photoset folder and the story or feature to view them together in your live website.