Office of Web Services
How do I create an image gallery in Cascade?

The Image Gallery Asset Factory allows you to build a photo gallery automatically rather than having to manually build a page for each photo. To create your new image gallery, do this:

  1. Prepare the images you wish to include in your image gallery. On your computer, save the full-size images for your photo gallery into one folder. Make sure all the images have web-friendly names (or rename them so their names are web-friendly).
    1. If you have Adobe Dreamweaver and Fireworks, open Dreamweaver and go to “Commands > Create Web Photo Album.” Follow the onscreen instructions. You will end up with two folders: “images” and “thumbnails.”
    2. If you do not have Adobe Dreamweaver and Fireworks, you will have to create these files manually. You want a folder named “images” containing full size images, as well as a folder named “thumbnails.” This folder should contain copies of those same images, only with a width shrunk to around 150 pixels. (The exact dimensions are up to you, but make sure to shrink the image proportionally.)
  2. Create an image gallery parent folder in Cascade.  Create a parent folder named galleries. Within the galleries folder, you can create multiple image galleries.
  3. Select the galleries folder you just created.
  4. Go to the New menu and choose New-->Clemson-->Image Gallery. A New Folder wizard window will open and you can fill in the information specific to your new image gallery folder. When completed, choose Submit.

    New Folder window for image gallery asset
  5. Your galleries folder will now contain your new image gallery folder. Inside the new image gallery folder will be an images folder, a thumbnails folder, an imagegallery.php file and an index page.

    New image gallery folder
  6. Upload the images and thumbnails you created in step 2 into images and thumbnails subfolders in your new image gallery folder.
  7. Select the imagegallery.php script and choose the edit tab. Specify the number of columns you want and whether or not you’d like each image to have a border. Choose Submit.
  8. Select the index page and choose the edit tab. Fill in the display name, title and author fields.
  9. Publish your new gallery to the development server. View the index page in your web browser. Edit the imagegallery.php if you want to change the columns and border.

Note: The content area of your index page will appear empty within Cascade. You must publish to the development server in order to see the final result.