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 into the photoset folder
  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. Enter a Display Name and Summary. These appear as the caption for the photoset.
  4. Repeat these steps for every image you want to appear in the photoset.

Note: the display order of your images is controlled by their folder order.

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. Save & Preview your edits. Then Submit >> Check Content & Submit.
Creating a photoset - alternate method

You can create a photoset without having to attach caption information on each image file. Start with Step 1 and Step 2 above. Then Edit the photoset file and use the image chooser to add photos to the collection. Enter a title, caption and credit for the selected image. Click the + symbol to add new photos to the photoset.

For ease of maintenance always upload photoset images to the photoset folder. This is required for the original method and strongly recommended for this alternate method. Either method produces the same result.

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 link, use the hyperlinking in text fields method.

Resolving potential problems
My photoset is not scrolling through my images
  • Your summary 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.

My photoset 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.