Here's an example of one of the photo pages. (For brevity, I have not included a template page here.) This page is an actual one in the story. You can see the rendered version here.
<HTML>
This is almost the only HTML coding in this page.
<!--#set var="template" value="ffl"-->
This sets which template the page will eventually be shown in. In this case, it's "ffl," or "full frame, left."
<!--#set var="audiobox" value="" -->
If there are links or audio on this page that get shown next to the photos, they go here.
<!--#set var="phototitle" value="Dancing all night" -->
<!--#set var="photo" value="3dance.jpg" -->
<!--#set var="caption" value="Raves are all-night dance parties, usually starting late and finishing well after dawn. There's a bit of a mischevious air as hundreds (or thousands) of people gather to dance and sweat while the rest of the world sleeps." -->
The title of the page, the photo's filename, and the caption.
<!--#set var="more" value="Raves, simply referred to as 'parties' by ravegoers, began in Chicago and Detroit in the late 1970s and early 1980s. As disco died, members of the underground disco scene started holding all-night dance parties in warehouses, playing 'house music,' a fusion of disco and soul, made by using turntables, electronic drum machines, and synthesizers. The parties spread very quickly in Europe, and more slowly in American cities.<p>Today, they're common in many areas of the United States, though they typically occur in nightclubs instead of abandoned warehouses. North Carolina usually hosts two or three parties each weekend, though they may be spread across the state, only a few places host them on a regular schedule." -->
<!--#set var="moreurl" value="Link: <A HREF=\"http://www.hyperreal.org/raves/altraveFAQ.html\" TARGET=\"_blank\">The alt.rave FAQ</a><br>-- Fairly old, but still good general raving information" -->
<!--#set var="more2" value="<b>When is a rave a rave?</b><p>Debate rages over what, exactly, is a rave. As raves become more popular, the line between nightclub and rave becomes more difficult to draw. Purists consider raves to be one-time events held in non-standard settings, like abandoned warehouses. For them, a rave is not just a party, but a special event, with some of the clandestine, anti-establishment air of the original house parties illegally held in abandoned warehouses. Others have extended the term 'rave' to include any all-night dance party that plays techno music, including nightclubs and regularly scheduled events." -->
<!--#set var="more2url" value="" -->
Extended caption information and links.
<!--#set var="nexturl" value="littlejen.shtml" -->
<!--#set var="previousurl" value="" -->
This sets where the page's "next" and "previous" buttons link to.
<!--#set var="num" value="1" -->
<!--#set var="numstory" value="10" -->
This sets which number in the sequence this photo is.
<!--#set var="printwidth" value="721" -->
<!--#set var="printheight" value="466" -->
This sets the IMG tag's WIDTH and HEIGHT settings when the "print" template is used. There's no need to set the WIDTH and HEIGHT tags for the other templates, as they're hardcoded. In other words, if I want a photograph to be used in the "full frame, left" template -- like this page, for instance -- I make the photo fit to the dimensions spelled out in the template. Unfortunately, this means odd-shaped photos require a black border to make them the right size. Ideally, a more sophisticated system would let me use odd-shaped photos at whatever size I chose, without hardcoding.
<!--#include virtual="../storysets.shtml"-->
<!--#if expr="$QUERY_STRING" -->
<!--#include virtual="/raves/templates/$QUERY_STRING.shtml" -->
<!--#else -->
<!--#include virtual="/raves/templates/$template.shtml" -->
<!--#endif -->
This sends the variables to the template pages. The first line loads up another set of variables that are common to a particular story, like the story's title and location. The other lines send this page to the template denoted by the variable named "template" unless the user has typed a different variable in the URL. If the URL contains a question mark and text at the end, that text ends up in "QUERY_STRING," and here it's used to load up a template at the user's request. If you wanted to see a page in vertical form, for instance, just add "?fvl" to the end of the url (without the quotes). "fvl" stands for full frame, vertical, left position. (You could also try "fvr" if you wanted.)
</body></HTML>
Closes out the page. See how this page is rendered. When you're done, close this window.