Photo Galleries

While Friday wasn't really designed for this, you can use it to create online photo galleries.

Here's an example of some HTML you can add to your MAIN template file to make this work:

<center>
<table border="0" width="100%">
<tr>
<td width="25%" align="center" valign="center"><b>Preview</b></td>
<td width="75%" valign="center"><b>Click this to see full size picture and the story behind it</b></td>
</tr>
<START>
<tr>
<td width="25%" align="center" valign="center"><img src="TN_:question:.jpg" ></td>
<td width="75%" valign="center"><A HREF=":answerhtmlfile:">:question:</A></td>
</tr>
<END>
</table>
</center>

Most of that is basic HTML table stuff. Here's an explanation of the special bits that make it work:

You'll create a small thumbnail image of each of the photos in your gallery and give it the same name as the main image but with a TN_ prefix. PHOTO.JPG would become TN_PHOTO.JPG for example. Store both of the images in your FAQ's \HTML folder.

For each image, add a new Question to your FAQ. Instead of normal question text, type the name of the image file without the extension. For our example image, we'd type PHOTO

Add any explanation or other text for the photo in the FAQ's answer then save the new FAQ.

This code in the MAIN template file:

<td width="25%" align="center" valign="center"><img src="TN_:question:.jpg" ></td>

displays the photo's thumbnail image on the main page.

And this code:

<td width="75%" valign="center"><A HREF=":answerhtmlfile:">:question:</A></td>

creates a link to the answer HTML file.

Add this code to your ANSWER template to display the full resolution version of the same image file:

<center>
<img src=":question:.jpg">
</center>

But honestly, if you like Friday's placeholder-based approach to creating HTML and need to create photo galleries, we recommend BreezeBrowser

Naturally, all content & site maintenance by

Friday The Automatic FAQ Maker