George Mason University
George Mason University Mason
George Mason University

Image rotators enable us to show a variety of photos without making a page too deep.

There are two main types of rotators:

  • Hidden caption, in which a headline appears, and the user selects a plus sign to reveal the text. Find examples in AdmissionsHonors College, and Volgenau.
  • Simple, in which there is no headline, and the caption text appears in white at the bottom of the photo. These are frequently used when there is little information about the image. Find an example in Housing.

Most of the time, you'll use the Hidden Caption image rotator.

The size of your image will depend on what page template you're using. Landing page rotators will be wider and deeper than content page rotators. Your depth can be flexible, but all images in a rotator MUST be the same depth. No exceptions. Failing to do this will result in blank white space between the image and the caption.

To place an image rotator, select Customize this Page at the bottom of your page. You'll see the selection of blue boxes open. Select the plus sign on the right of the blue box, which will open your component list. Select Media, which will give you another list. Select Image Rotator.

The component box generally opens with Hidden Caption as the default choice. Sometimes, it doesn't, and you must select the version you want. Notice the small red asterisk. You must select a version for the component to save your work.

If you're using the Hidden Caption type, you must fill in a Headline (which is NOT optional), and a box that functions like a body text box, which is where you place your caption. The Simple type works the same way, except you will not add a headline.

Only one Image Rotator box appears initially, but you can add as many as you like by selecting "Add Another Item" at the bottom.

Don't forget to select Finish at the bottom of the component box, then save the page to preserve your work.

Schools & Programs