ImageTree

View the demo (static)
Download the complete demo
Must be extracted in a web-server folder (/var/www or similar)
and viewed with a browser (http://localhost/imgtree-demo/)
Download only the files

ImgTree is based only on three files:

index php : contains all the php and html code. Must be put, unmodified in every folder of the directory tree.
data.php : contains the specific settings of every folder
style.css : the css style sheet

Every folder of the folder tree must contain the three files. Clearly index.php and style.php should be simply linked:

imgtree/
|-- data.php
|-- index.php
|-- style.css
|-- Section-A
|   |-- data.php
|   |-- index.php -> ../index.php
|   |-- style.css -> ../style.css
|   |-- 01-thumb.jpg
|   |-- 01.jpg
|   |-- 02-thumb.jpg
|   |-- 02.jpg
|   `-- ...
`-- Section-B
    |-- data.php
    |-- index.php -> ../index.php
    |-- style.css -> ../style.css
    |-- 00.jpg
    |-- Subsection-B1
    |   |-- data.php
    |   |-- index.php -> ../index.php
    |   `-- style.css -> ../style.css
    |   |-- cover.jpg
    `-- Subsection-B2
        |-- data.php
        |-- index.php -> ../index.php
        |-- style.css -> ../style.css
        |-- 01-thumb.jpg
        |-- 01.jpg
        |-- 02-thumb.jpg
        |-- 02.jpg
        `-- ...

Every folder act as a section and the behaviour can be choose between:

index : Contains a list of links to every subfolder of the current folder. For every section an image and a description are shown.
thumb : Thumbnails page. Shows every image file of the folder. Thumbnail must be named "xxx-thumb.jpg" for the xxx.jpg file. Ex: 01-thumb.jpg -> 01.jpg ; tramonto-thumb.jpg -> tramonto.jpg ; ecc.
cover : Cover page. Shows an image, a text and an associated link

The file data.php contin the settings specific for every section:

$gallerystart : is the gallery start to generate the back-menu. The path must be relative to the starting folder of the site
$name : name used to link the current section in the menus
$title : page title
$description: description, used as subtitle and for brief description in index pages
$indeximage : image used in index pages to link this section
$type : type of the page (cover|thumb|index)
$imgtitle : associtive array of the images descriptions. Used only by "thumb" pages
$coverimage : image used by "cover" pages
$covertext : text used by "cover" pages
$coverlink= : link used by "cover" pages
$covertitle : title used by "cover" pages

NEEDS a web server (Apache or similar) with PHP support

A complete e-photo album in a hundred lines of php code