Photo Gallery

Want to display a photo gallery on your website? Great. Everyone loves pictures. You have two options: create a local gallery by uploading photos to Cascade (ex. Arts at W&M) or create a gallery that pulls in images from a Flickr set (ex. Athletics Gallery).

Do you like what you see? It's easy to create your own.

Prep your images for Cascade-hosted (local) galleries

Collect and organize your gallery photos on your desktop before creating anything in Cascade. The image file names should not have any spaces and must be .jpg (not .jpeg, .JPG, .png, etc.). Gallery photos should be 900 x 600, 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.

Do not upload the high res photos directly off your camera into Cascade! Please scale and crop them with an image editor first. (Don't have image editing software? We offer some good options.)

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.

Create the gallery

Select New >> Your Department >> Photo Gallery (if you don't have this asset, contact your Cascade Web Manager).

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. Submit.
  5. To upload your photos into the [galleryname] folder, select New >> Your Department >> Image. Enter your file name in the "System Name" field, for example bigtree.jpg or bigtree.png. Enter a Display Name for your photo. 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. Submit.
  5. Publish your gallery folder.