Login   Register  
PHP Classes
elePHPant
Icontem

File: INSTALL

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Andy Loftus  >  Photo Album  >  INSTALL  >  Download  
File: INSTALL
Role: Documentation
Content type: text/plain
Description: Installation instructions
Class: Photo Album
Display interactive photo album
Author: By
Last change: Rewrite from scratch. Added examples. Should be easier to understand now.
Date: 8 years ago
Size: 3,350 bytes
 

Contents

Class file image Download
==============================
Installation of PhotoAlbum.php
==============================

The following instructions will walk through a default install on both
a Windows and Linux server.  Both examples assume the apache web
server and use the default locations.

1. Create website directory
   # WIN: c:\Program Files\Apache Software Foundation\Apache2.2\htdocs\NewWebSite
   # LNX: /var/www/htdocs/NewWebSite
   # NOTE: This will be $doc_root

2. In the website directory (from step 1), create the following new 
   directories:
     + js/
     + css/
     + images/
     + php/

   Copy all files from the photoalbum directories (js/, css/, images/) 
   into their respective folders in the website directory.

   Copy PhotoAlbum.php to the php/ directory created in step 2.

3. Edit lightbox.js:
   - Set the following variables with the (web relative) path to
     the appropriate files:
     + loadingImage
     + closeButton

     # EXAMPLE: Windows and Linux:
     # var loadingImage = '/NewWebSite/images/loading.gif';
     # var closeButton = '/NewWebSite/images/close.gif';

4. Edit lightbox.css:
   - Modify all occurrences of overlay.png with the correct (web
     relative) path for your installation

     # EXAMPLE: Windows and Linux:
     # url(/NewWebSite/images/overlay.png);
     # src="/NewWebSite/images/overlay.png"

5. Create a subdirectory under the new website created in step 1; this
   is where the photo album will exist.
   # WIN: c:\Program Files\Apache Software Foundation\Apache2.2\htdocs\NewWebSite\photoarchive
   # LNX: /var/www/htdocs/NewWebSite/photoarchive

6. Copy default.php into the pictures directory (from step 5).  Rename
   it index.php.

7. Edit index.php:
   - Set $doc_root to the full directory path created in step 1.
   - Set $web_root to the URL path for the website created in step 1.

   # EXAMPLE: WINDOWS:
   # $doc_root = 'c:\Program Files\Apache Software Foundation\Apache2.2\htdocs\NewWebSite';
   # $web_root = '/NewWebSite';
   #
   # EXAMPLE: LINUX:
   # $doc_root = '/var/www/htdocs/NewWebSite';
   # $web_root = '/NewWebSite';

8. Put all your folders of photos inside the photoarchive directory
   (from step 5).

   Each photo can have a <photo_name>.txt file for journaling.  Format
   is plain text.  One txt file per photo.

   Each directory can have a journal.html file that will display
   above the photo thumbnails.  Format should be valid XHTML (just
   make sure all tags are properly closed).  For help with XHTML, see
   ( http://www.w3schools.com/tags/default.asp )


# SAMPLE LAYOUT (underneath directory created in step 1):
# $doc_root/
# |  js/
# |  |  lightbox.js
# |  |  moo.fx.js
# |  |  moo.fx.pack.js
# |  |  photoalbum.js
# |  |  prototype.lite.js
# |  css/
# |  |  lightbox.css
# |  |  photoalbum.css
# |  images/
# |  |  close.gif
# |  |  loading.gif
# |  |  overlay.png
# |  php/
# |  |  PhotoAlbum.php
# |  photoarchive/
# |  |  index.php
# |  |  Jan2006/
# |  |  |  pic001.jpg
# |  |  |  pic001.txt
# |  |  |  pic002.jpg
# |  |  |  pic002.txt
# |  |  |  pic003.jpg
# |  |  |  pic003.txt
# |  |  |  journal.html
# |  |  Feb2006/
# |  |  |  pic004.jpg
# |  |  |  pic004.txt
# |  |  |  pic005.jpg
# |  |  |  pic005.txt
# |  |  |  journal.html