Skip to Content - Skip to Navigation

Photo Gallery

If you would like to display a gallery of photos on your website—perhaps creating a virtual tour or showcasing an event or student work—the gallery template may be your best choice. Galleries are easy to set and can display many photos. For an example, take a look at the Homecoming 2010 photo gallery.

Before You Get Started

There are two steps you need to take before you create the gallery:

  1. Size images appropriately before you upload them into Ektron. For the gallery, we recommend 640 pixels wide for horizontal images and 480 pixels wide for vertical images. Images can be smaller; 640 pixels is the maximum width. For guidance in resizing images, see  How to Size Images for the IUP Templates.
  2. Ensure the proper placement of the folder where you want the images and content to reside. We recommend that you contact the Web Team before creating this folder. Images cannot be moved from folder to folder, so if the location of the folder needs to change, all of the images would need to be uploaded again.

Photo galleries will display every image located within the same folder where the gallery page is located! We recommend having a dedicated folder for each photo gallery so that unwanted images are not displayed.

How to Create a Photo Gallery:

  1. In the Workarea, create a folder where the photo gallery will reside (See note above about folder placement). Set the default template to gallery.aspx.
  2. Upload your images into the folder’s library
    • Remember to size the photos appropriately first.
    • Titles of photos will become their descriptions in the photo gallery. Describe the photos as you like, but note that there is a 200-character limit, including spaces.
    • If the photos need to appear in a certain order, you will need to place numbers or letters at the very beginning of the title to help sort them.
  3. Go back to the Content tab along the top of the Workarea.
  4. On the left side of your Workarea, navigate to the folder where you uploaded your images.
  5. You will now create the content item that will serve as your gallery. On the right side of your Workarea, go to New > HTML Content.
  6. Give your photo gallery an appropriate title and summary.
  7. Go to the Template tab on the far right. If gallery.aspx is not displayed, click the drop-down menu and change the template to gallery.aspx. (If this option is not available, contact the Web Team at web-team@iup.edu.)
  8. Check in the gallery page and then preview it in the Web browser on staging.
  9. Submit the gallery page when ready.
  • Web Team
  • Sutton Hall, Room 316
    1011 South Drive
    Indiana, PA 15705
  • Phone: 724-357-3062
  • Fax: 724-357-5512
  • Office Hours
  • Monday through Friday
  • 8:00 a.m. – 12:00 p.m.
  • 1:00 p.m. – 4:30 p.m.