Set Up the Photo Directory Structure

In order to use the rotating photo script on your pages, you will first need to set up the directory structure used by the script. You will have a separate set of photos to be used by each page on your site. To get this structure started, first create a directory called "photos" directly under your department area. Then for each page on your site where you desire rotating photos, create a separate directory under the "photos" directory naming it the page name without the .html extension. For example, the Economics department, whose primary department web area is under the directory "econ", wishes to set up rotating photos for its "about_this_site.html" and "faculty_staff.html" pages. Here is the structure that needs to exist for the rotating photo script:

econ
    photos
        about_this_site
        faculty_staff
				

Upload Pictures and Captions to the Photo Area

Once the directory structure is in place, you'll need to upload page pictures and captions to the respective page directories. Pictures will generally be JPEG (.jpg) files and captions will have the same name as the JPEG file but will be text (not word document) files with a .txt file name extension. Example name pairs for staff members picture and caption might be: susan_wright.jpg, susan_wright.txt

Here's a structural representation based on the directory structure used above:

econ
    photos
        about_this_site
            econPicture1.jpg
            econPicture1.txt
            econPicture2.jpg
            econPicture2.txt
            econPicture3.jpg
            econPicture3.txt
       faculty-staff
            susan_wright.jpg
            susan_wright.txt
            bob_oconnel.jpg
            bob_oconnel.txt
            jim_reeves.jpg
            jim_reeves.txt
            kay_kamel.jpg
            kay_kamel.txt
			

Modify Pages to Use the Rotation Script

Find the section in either one of the templates that looks like:
<!-- #BeginEditable "photo/breadcrumbs" -->
Directly beneath this you'll see the "img" tag line for the fixed image we've included with the templates. Delete the "img" line and replace it with:

<!--#exec cmd="/ns/web6/cgi-bin/secondary-image.cgi" -->

				

You can cut-and-paste this line directly from what you see in your browser, or look at the HTML for it in this page.