Photosets

Photosets are groups of scrolling images on news stories and features

Photoset images should be 475 x 265 pixels (or 469 x 321 in Mason website only).  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.

Photoset Image


Creating a Photoset

Step 1. Create a photoset folder
  1. Navigate to the folder where you store your photosets
  2. Select New >> Photoset Folder
  3. Enter a "Display Name," and "System Name" (the system name should not contain spaces) and click Submit
Step 2. Upload images into the photoset folder
  1. Have your 475 x 265 image(s) sized and ready. Make sure there are no spaces in your filename(s) and that they are a supported file type (.jpg, .jpeg, .png, .bmp).
  2. In the same folder you just created, select New >> Image.
  3. Enter your file name in the "System Name" field, for example bigtree.jpg or bigtree.png
  4. Click "Browse" and find the the image on your computer.
  5. Enter a "Display Name" and "Summary."  These appear in the text region on the right side of the photoset.
  6. Submit
  7. Repeat these steps for every image you want to scroll through the photoset

Note: the display order of your images is controlled by their order in the folder.  To contol this order, View the folder contents and select the column header "Order." Drag and drop the rows to reorder them.

Step 3. Link your photoset to a news story or feature page
  1. Edit the news story or feature page
  2. Under the Photoset section, click the "[ ]" and browse to the photoset folder you just created
  3. Inside this folder, select the page called "Photoset"
  4. 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 above. Then Edit the “photoset” file and use the image selector to add photos from anywhere in Cascade. Enter a title, caption and credit for the selected image. Use the [+] symbol to add new “photos” to the photoset.

For ease of maintenance always place photoset images inside 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

Photosets captions don't support HTML tags, but fear not. You can use "psuedo tags" to do some basic text formating. Surround your text with {em} and {/em} for italics or {strong} and {/strong} for bold. To add a line break type {br}. Need a link in your caption? Try the hyperlinking in text fields method from our Tools and Techniques section.


Resolving Potential Problems
Problem: My photoset is not scrolling through my images

Your Display Name and Summary should not have "fancy" characters (for example n with a tilde). If you need characters like n-tilde or mathematical symbols, do not copy and paste them from Word.  Instead, use a valid numeric XHTML entity like is found here: http://www.elizabethcastro.com/html/extras/entities.html or try this nifty tool that "cleans" all your text for you: http://www.wm.edu/tools/cleantext

Your summary should also not have any linebreaks/carriage returns/hard returns (another thing that gets copied accidentally from many word processors).

Another possibility is that one or more of your photoset images is not a . jpg file or the extension is .jpeg or uppercase JPG. A photoset image needs to have a lowercase .jpg extension.

Problem: 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.

Problem: 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

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

Edit your photoset file (in the folder with your photoset images. On the System tab make sure the "Maintain Absolute Links When Publishing" checkbox is checked. Re-publish the photoset file.

Problem: My Photoset looks like a big gray 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 gray box as a photoset placeholder. Click the preview link provided in the gray box to view the photoset as it will appear in the placeholder. Publish both the photoset folder and the story or feature to view them together in your live website.