See Details about E2 Gallery Pro

Documentation

Download (E)2 Photo Gallery and unzip files.

Installation

Step 1 – Open config.php file and edit the following settings


//Define the folder where your photos will be placed on you server.
//Relative to the path you place the gallery index.php

$gallerypath="images";    //EX. images or ../gallery/images no trailing slash needed
$thumbpath="imagethumbs"; //EX. images or ../gallery/imagethumbs
$transitionspeed="500";   //How fast you want the animations to render
$fadespeed="300";    //How fast you want the photos to fade in and out
$username="username_here";//Username for accessing image uploader
$password="password";     //Password to access image uploader

Step 2 – Upload files to your server.

Step 3 – Browse to your site and go to http://www.yoursite.com/gallery_location/uploader/, and log in using the "username" and "password" you set up in the config.php file. Start  uploading photos to the folder you’ve defined for that gallery and thumbnail folder.
The image uploader will automatically crop the thumbnails to fit in the thumbnail viewer of the photogallery.

Step 5 – Clean, Rinse, and Repeat….Enjoy.

Setup to show only one Stylesheet

Step 1 – Open index.php find the following:

<link rel="stylesheet" type="text/css" href="css/e2.css" title="default" />
<link rel="alternate stylesheet" type="text/css" href="css/e2photo_black.css" title="black" />
<link rel="alternate stylesheet" type="text/css" href="css/e2photo_gray.css" title="gray">
<link rel="alternate stylesheet" type="text/css" href="css/e2photo_lightgray.css" title="lightgray">
<link rel="alternate stylesheet" type="text/css" href="css/e2photo.css" title="none">

Step 2 – Decide which of the gallery styles you’d like to display and remove all other references to those stylesheets(if you use any other style sheet besides the default, be sure to remove the "alternate stylesheet" to "stylesheet" ) EX:

<link rel="stylesheet" type="text/css" href="css/e2photo_gray.css" title="gray">

Step 3 – Find:

<div id="thumbtoggler">

Step 4 – Everything inside this div holds the images and links to switch between the stylesheets and replace it with:

<img src=’rsrc/info_btn.gif’ onclick=’loadinfo();’ border="0" class="toolTips" title="Show IPTC Info::Click to Display IPTC Info" alt="Show IPTC Info" /> <a href="javascript:thumbs();" ><img src="rsrc/thumbgallery.gif" border="0" class="toolTips" title="Toggle Thumbnails::Click to Toggle Thumbnails" alt="Toggle Thumbnails" /></a>

 

Multiple Galleries

Step 1 – Open config.php and copy from line 4 to 7

$gallerypath="images";    //EX. images or ../gallery/images no trailing slash needed
$thumbpath="imagethumbs"; //EX. images or ../gallery/imagethumbs
$transitionspeed="500";   //How fast you want the animations to render
$fadespeed="300";         //How fast you want the photos to fade in and out

Step 2 -Then open index.php and find line 51

require_once"config.php";

Step 3 – Replace this line with the following code and update the information to point to the correct folder and thumbnail folder

$gallerypath="images";    //EX. images or ../gallery/images no trailing slash needed
$thumbpath="imagethumbs"; //EX. images or ../gallery/imagethumbs
$transitionspeed="500";   //How fast you want the animations to render
$fadespeed="300";        

Step 4 – Then save as a new gallery page and repeat for as many galleries you want.