Photo Gallery

Want to display a photo gallery on your website? Great. Everyone loves pictures. You have two options: create a gallery that pulls in images from a Flickr set or create a local gallery by uploading photos to Cascade.

Prep work for Flickr galleries
  • Go to the set you'd like to use in Flickr and take a look at the URL for the page, it should be something like: http://www.flickr.com/photos/william-and-mary/sets/72157625426770988/
  • The long number at the end of the URL is the set ID you want to save to put into the "Flickr Set ID" field when you create your gallery.
  • Don't have a Flickr account yet? Check out our social media guidelines for tips on how to set up an account.

Note: If a Flickr gallery has more than 50 photos, only the first 50 will be pulled into the Cascade photo gallery.

Step 1: Prep your images for Cascade-hosted (local) galleries
  1. Collect and organize your gallery photos on your desktop before creating anything in Cascade. The image file names should not have any spaces or capital letters and must be .jpg (not .jpeg, .JPG, .png, etc.). Gallery photos should be 900px x 600px, vertical shots should be 600px tall - the width is flexible. Photos will be centered in the available space, any "empty" space around the photo will be matted with black.
  2. Do not upload the high res photos directly off your camera into Cascade! Please scale and crop them with an image editor first. 
Step 2: Create the gallery

Select Add Content >> Folder with Gallery Page (if you don't have this asset, contact your Cascade Web Manager).

  1. Enter a Folder Name (all lowercase, no spaces).
  2. Enter a Display Name.
  3. Submit.

If you're storing the images locally:

  1. Edit the index page in your gallery folder. Enter a page title.
  2. Make sure "Local" is selected for "Where are your images?"
  3. Select your options for "Automatically play slideshow?" "Display image captions?" and "Display page title?"
  4. Save & Preview >> Submit >> Check Content & Submit.
  5. Upload photos into the gallery folder.
    • Fill in the Display Name. If your gallery is set to display image captions, the Display Name of the image will be the caption. If you prefer a longer photo caption enter that text in the Summary field and the gallery will use the Summary text for the caption instead. Note: the display order of images in the gallery is determined by their folder order.
  6. Publish your gallery folder.

If you're pulling the images from Flickr:

  1. Edit the index page in your gallery folder. Enter a page title.
  2. Select "Flickr" for "Where are you images?" and paste in your Flickr Set ID in the "Flickr Set ID" field.
  3. Select your options for "Automatically play slideshow?" "Display image captions?" and "Display page title?"
  4. Save & Preview >> Submit >> Check Content & Submit.
  5. Publish your gallery folder.