Instructions
To use the gallery all you need to do is create a folder on your web server... upload some photos to that folder... and copy the gallery index.php into that folder... it's that easy!!
This should be done automatically for you, however, in some cases depending on your setup, you may have to create a "thumbs" subfolder and make it writable.
Setup values
There are several things you can configure in the beginning of the file. Normally you would not need to go any further into the file than the setup section to change some of the simple things.
NB: You will need to change the maximum thumbnail width and height to suit your image format:The default 120x90 is suitable for standard photos (older digital cameras, mobile phones etc)... if you are using a digital SLR or newer smaller digital camera and you are taking the photos in "widescreen" then you should most likely set these values to 120x79.
title displayed in browser window and on top of page - if you leave this empty then the URL is used
$maxthumbwidth = 120;
max width of thumbnail (Images will be resized using these values - if your images use different ratios, you should change these - make sure you adjust the values in the CSS also)
$maxthumbheight = 90;
max height of thumbnail (Images will be resized using these values - if your images use different ratios,y ou should change these - make sure you adjust the values in the CSS also)
$slideshow = true;
use the slideshow feature - this affect the behaviour of the "Lytebox"
$displayimgname = false;
show image names (file extensions will be removed and "_" replace by " ")
$cachequality = 75;
quality of thumbnails and cached images (0-100)
$cachethumbs = true;
save the thumbnails (loads faster) - set to true or false
$cachefolder = "thumbs";
this is the folder the script will create and saved thumbs in
$filesort = "asc";
sort the files either in ascending or descending order ("asc" or "desc")
$ordernumber_separator = "__";
You can order images with numbers in front and those numbers will be removed from the displayname when followed by this (deault "__")
The rest of the setup options are specific to "Lytebox" and have only been extracted from the main Lytebox code inside the lytebox function at the end of the file to give easier access to the configuration values. More information about Lytebox can be found on the Lytebox page.
Changing the look of the gallery
You can edit the css inside the pageCSS() funtion in order to change the look of the gallery.
All the css backgrounds in the default gallery are referenced to inside the gallery file. If you wish to use external images you are welcome to do so. If you want to create new images and want insert them into the file, you will need to encode the images into base64 and insert them into the images array found in the file.
You can find more information about encoding the images under "Tools".
The CSS for Lytebox can be found inside the LyteboxCSS() function. The lytebox css remains largely untouched with the exception that I have removed the different theme options - I have only kept the theme named "grey". This is to conserve space (and filesize) and make it easier to edit. Also the buttons in the lytebox CSS have been replaced with references to images stored in the image array inside the file. More information about the images can be found above.