/* Cool Javascript Slideshow
Version: 1.2h
Written By: Jeff Baker Copyright April 2, 2010
Website: www.seabreezecomputers.com/slideshow
Description: This Javascript/PHP will display a slideshow with
crossfade transitions and more, including photo effects.
It grabs the photos automatically and dynamically from the $folder
that you specify below or the current folder.
Copy and paste the following in your HTML document where you
want the slideshow to appear:
*/
$folder = "images/devpartners/"; // if your photos are in a different folder specify it here
// example: var folder = 'images/';
// or same folder as this file then: var folder = './';
$photosize = 200; // width to show photos at
$quality = 100; // image quality; 100 = highest quality and largest file size
// keep the quality at 70 or lower if you are getting image flicker because
// of loading of the image files between transitions
$get_exif = 1; // 0 = Do not load exif description data from jpg's; 1 = load exif descriptions from jpg's
$get_iptc = 1; // 0 = Do not load iptc description data from jpg's; 1 = load iptc descriptions from jpg's
$phwidth = 250; // pictureholder width
$phheight = 100; // pictureholder height
$phheight = 100; // pictureholder height
// pictureholder DIV also has the class 'pictureholder' so you can add CSS border etc.
$seconds = 5; // switch photos n seconds
$randomize_photos = 1; // 0 = Do not randomize photos; 1 = Randomize photos
$display_caption = 0; // 0 = No caption; 1 = Display exif jpg Description below photo
$caption_height = 50; // How many pixels high for caption box if on
$caption_border = 1; // Caption border pixels
// captionholder DIV has the class 'captionholder' so you can add CSS
$pan_zoom = 1.3; // how many times to zoom before panning
$trans = "slide(left)"; // default transition between photos
$effect = "none"; // default effect on photos
/* The trans variable stands for transitions. The following trans are possible:
none, random, crossfade, zoom(from), wipe(from), slide(from)
from = upperleft, top, upperright, left, center, right, lowerleft, bottom, lowerright
(*slide does not support center)
(**wipe supports left, right, center, top and bottom)
*/
/* The effect variable is for photo effects. Possible options are:
none, random, zoomin(to), zoomout(to), pan(to)
to = upperleft, top, upperright, left, center, right, lowerleft, bottom, lowerright
(*pan does not support center)
*/
$cur_pic = 0; // which photo to start with. 0 is first photo in album.
$trans_amount = 20; // amount of steps for transitions
$effect_amount = 100; // amount of steps for effects
$testing_mode = 0; // 0 = off; 1 = on; testing mode creates a DIV with ID testing to display testing info
/* The following time variables are in milliseconds.
If you see a flicker of a background photo after
a transition then you may want to increase the
flicker time. You can also play with the other
time variables if animation is not smooth. */
$flicker_time = 500; // ms between photo operations
$opacity_time = 400; // ms between opacity
$trans_time = 32; // ms between transition steps
$effect_time = 32; // ms between effect steps
/* You may also specify transitions, effects, and time in JPG Exif
comments. If you specify these then they override the default settings
above. The format is similar to a combination of HTML and Javascript.
Just add the code to a JPG Photo comment and that photo will
be effected by the code.
Examples: