Transmutable Software


Template Tutorial: The Basics

Step Eight: Extras

While browsing through templates you may notice that there are a few tricks of the trade which haven't been mentioned previously in this tutorial. There are many topics which are just too large to cover in this tutorial and others which aren't strictly necessary to understand to build excellent photo maps, so we left them out until now.

PNGs and Internet Explorer

It is very sad, but Internet Explorer handles PNG images very poorly by default. PNGs offer excellent control of transparency, so it is particularly sad for pages like photo maps that layer images on top of each other. If you are using IE you may have noticed that the stickpin images have borders around them when they are displayed on top of map images.

Luckily, to fix this you just need to cut and paste a bit of code into your pages and include a file in your static directory. There are easy to follow steps on Bob Osola's page.

ECMAScript (AKA Javascript)

Many templates which ship with 93 Photo Street use client side scripting to improve the feel of the interaction when clicking around a photo map. Scripting can save time consuming round trips to the server and when used with restraint can result in a fast, clean photo map. There are too many javascript/ECMAScript tutorials to list, but if you google for "javascript tutorial" you'll find the web is filled with helpful guides to this handy and ubiquitous programming language.

RSS and photo maps

Now that you know how to build HTML pages with various combinations of images and locations, you also know almost everything required to build XML files which can be read by RSS aggregators. With RSS, you can provide feeds for your users which show them new images and their locations as they are added to your photo maps. I leave the creation of RSS files for photo maps it as an exercise for the interested reader.


<<Step Seven: Image pages | Table of Contents>>