I have attached an image of a HTML photo gallery that I have.
I need you to program the functionality for the gallery to work. This will need to be completed in PHP & Javascript.
Here's how it should work:
I upload a series of images and FLV files:
[login to view URL] : an example of a full sized image
[login to view URL] : an example of a full sized flash animation
[login to view URL] : an example of a thumbnail sized image
When someone clicks any of the thumbnail images, the large image should be displayed in the large image container to the left.
The title information (eg: Living Room) under each thumbnail and the description under the large image is contained in the meta information of each image. You will need to use PHP's exif functions to get the information out and display it.
I also need a way to display FLA's in the same way. An image thumbnail will be displayed on the right and when clicked, the FLA should be displayed in the large image container. No meta information needs to be extracted from the FLA's.
When someone clicks on the "<" or ">" markers below the large left image, the next image, title and description should be displaye.
When someone clicks the Previous or Next buttons, the next 6 thumbnails should be loaded (or previous depending on the button pressed). Some sort of scrolling animation would be nice, but to keep costs down definatly not a requirement.
When the page loads, the large images should change every x (maybe 3) seconds to create a slideshow. The thumbnails should rotate (next) along with the slideshow.
Notes:
This must be cross browser compatable in IE, Firefox & Safari.
This should be fast loading and efficient.
I will give you complete HTML / CSS and sample images with correct EXIF information.