Embedded in the overview (index) pages of the image series is a table (or several tables) with 4 preview images per row (the last row may contain less than 4 preview images). This table is generated by a PHP script which reads the small image files and the text file. The text file has, after a 3-line header, 3-digit numbers followed by the image captions to be shown when the cursor is moved over a preview image. Line 3 of the header contains auxiliary data (options). If the word num is found in the auxiliary data, image numbers are placed below the images.
Embedded in the exif data pages is a similar table, also generated by a PHP script. Image numbers are always placed below the images. Additionally, the exif data are read from the exif data file and placed below the preview images.
The slide show pages are generated by a PHP script which reads the current image file, the text file and the sub text file. The text file contains in the first line of its header the title of the image series to be placed in the top bar of the browser. The second line of the header contains two links. The first link tells the browser where to go when the first image is shown and Prev[ious image] is pressed or when Index is pressed. The second link determines where to go when the last image is shown and Next is pressed. The third line of the header contains auxiliary data. The word #xxx overrides the default background color (#666) and sets it to the given shade. After the header, the text file contains 3-digit numbers followed by the captions to be placed above the image. The sub text file contains 3-digit numbers followed by the sub text to be placed below the image. If the word bold is found in the auxiliary data of the header of the text file, the sub text will be set bold (and white, defined by CSS).
The PHP scripts generating the tables overview and exif data are functions and are called from the respective pages. The PHP script generating the slide show pages is a stand-alone program that generates the entire page. All three scripts reside on the web server only once and are accessed by internal links (not visible to the user).
Two folders contain the small image and image files. The files in each folder are numbered 001.jpg, 002.jpg and so on. The small images are 300 x 200 pixel in size (too large to be called thumbnails). The full size images are mostly 1500 x 1000 pixel large (the size may differ).
| A text file has a 3-line header and 3-digit numbers followed by the image captions, see example to the right. The first line of the header contains the title of the image series. The two links in the second line of the header are separated by a colon. The third line of the header contains options (mentioned above). The header must always contain 3 lines with no empty lines in between. The list with the captions may contain empty lines and comments. If there is no need for a caption, the line may be omitted. The number of the last image must be included in the list because the highest 3-digit number determines how many images will be shown. | TITLE: Available light photographs - black and white LINKS: ../ : ../color/ AUXIL: num #667 bold 001 At The Dubliner in Copenhagen 002 At The Dubliner 003 At a Traditional Pub in Killarney, Ireland 004 Main Street in Killarney by night ... |
The sub text file is similar to the text file, except that there is no header. If there is no need for sub texts, the file may be omitted altogether.
| Here an example (image series Night photographs - Series 3) of an exif data file. The sections are separated by empty lines. The program reads the file number in the respective first line, so there is no need for numbers in front of the sections. If there are no exif data to an image, the space below the small image will be left empty. |
File name: 001.tif
Type: image/tiff
Date and Time: 2010-01-03 17:13
Camera: D700
Exposure time: 10 s
Aperture: 1 : 4
Exposure bias: 0
ISO sensitivity: 200
Focal length: 19 mm
File name: 002.tif
Type: image/tiff
Date and Time: 2010-03-18 19:13
Camera: D700
Exposure time: 4 s
Aperture: 1 : 4
Exposure bias: 1/3
ISO sensitivity: 200
Focal length: 102 mm
...
|
The file structure (example: image series Four Corner States & California)
| functions/ | exifdata.php overview.php slideshow.php |
|||
| misc/ | usa.2/ | exif.php 1) index.php1) |
||
| part_1/ | exif.txt | |||
| imag/ | 001.jpg 002.jpg … 084.jpg |
|||
| index.php 2) | ||||
| small/ | 001.jpg 002.jpg … 084.jpg |
|||
| sub.txt text.txt |
||||
| part_2/ | exif.txt | |||
| imag/ | 001.jpg 002.jpg … 040.jpg |
|||
| index.php 2) | ||||
| small/ | 001.jpg 002.jpg … 040.jpg |
|||
| sub.txt text.txt |
||||
| 1) | An internal link to functions/overview.php and functions/exifdata.php is embedded in the source code of the files index.php and exif.php respectively. The name of the parent directory with respect to the slide show is the only parameter passed to the functions. In this example, the functions are called twice to generate the first overview (parameter part_1/ is passed) and the second overview (parameter part_2/ is passed). The directory name is needed for the link to the slide show. |
| 2) | An internal link to functions/slideshow.php is the only content of this file. |
