Web Development

Student Organizations

Gallery Installation

  • Go to New > Student Orgs > Your Site > New Gallery (or New Gallery - No Thumbs) and add an image gallery page to your site. (See documentation for "Pagetypes" > "Photo Gallery with Thumbnails" or "Photo Gallery without Thumbnails".)
  • In the folder called "Gallery" you will see an "Index" page and one or two more folders called "Full" and if selected the gallery with thumbnails "Thumbs".
  • Place full scale images (500 pixels wide and the resolution needs to be 72dpi; this way your images are loading faster.) in the "Full" folder.
  • Place thumb scale images (75 pixels wide by 75 pixels tall and the resolution needs to be 72dpi.) in the "Thumb" folder.
  • NOTE: To create titles for your images re-name the JPG's on your desktop (located in the folders "Full" and "Thumb") to the caption you wish to appear (example: 01.JPG > First hike of the season..JPG) > your captions will appear underneath the image and/or as a title if you selected no thumbnails. ("Full" images and "Thumb" images need to be named the same).  See "Photo Gallery with Thumbnails" or "Photo Gallery without Thumbnails" for more information on setting Captions, etc.

Gallery with thumbnails

Photoshop Sizing Instructions

  1. Open Photoshop
  2. Go to “Actions” (located under “Window”)
    1. Click on the right top icon > a drop down appears
    2. Select “Load Action” located the action file > select it
    3. You will have a set called “image gallery” that has two different actions saved, one called “full” –the action that will size the large scale images and one called “thumb” for the small-scale image
  3. Create a new folder called full (on your desktop for now)
  4. Go to “File” > “Automate” > “Batch”
  5. For  “Play” select the “image_gallery” action
  6. For  “Action” select “full”
  7. For  “Source” located the folder where your original images live in
  8. For  “Destination” located the folder that you called full (on your desktop)
  9. Select “ok”
  1. Create a new folder called thumb (on your desktop for now)
  2. Go to “File” > “Automate” > “Batch”
  3. For  “Play” select the “image_gallery” action
  4. For  “Action” select “thumb”
  5. For  “Source” located the folder where your full-size images live in
  6. For  “Destination” located the folder that you called thumb (on your desktop)

Gallery without thumbnails

Photoshop Sizing Instructions

  1. Open Photoshop
  2. Go to “Actions” (located under “Window”)
    1. Click on the right top icon > a drop down appears
    2. Select “Load Action” located the action file > select it
    3. You will have a set called “image gallery” that has two different actions saved, one called “full” –the action that will size the large scale images and one called “thumb” for the small-scale image
  3. Create a new folder called full (on your desktop for now)
  4. Go to “File” > “Automate” > “Batch”
  5. For  “Play” select the “image_gallery” action
  6. For  “Action” select “full”
  7. For  “Source” located the folder where your original images live in
  8. For  “Destination” located the folder that you called full (on your desktop)
  9. Select “ok”