Project Detail

Description

There are two classes (tables): albums and images. Each image has an albumID.

And what I want is a Javascript code that my users can grab and paste on their website. On their web page, what the code will do produce a slider on their web page, showing images (thumbnails) from album A on their web pages, plus automatically changing images every X seconds. The change of images should occur without page-reloading. Thus, need to use Ajax here.

Conditions:

1. Images are stored on my server and I have a server side code file on my server. Users just grab a client side code and put on their webpage, and then the client side code will call the server side code, passing in the album ID, and the server side Javascript will grab all images from that album and return the call to show.

2. On client website, the photos will slide show every X seconds without refreshing or reloading. Use Ajax.

3. On client site, when they click on a photo, a lightbox effect will appear with the full size image shown.

4. There must be next and previous links that drive to next image or previous image, without reloading the page but using AJAX. Next or previous links should be hidden when there's no need of them.

5. User can set the number of columns per row.

6. User can set the number of rows.

7. I must be able to make the lightbox images hyperlinked, that links to the original page showing the image. I'd be doing it but your code must enable me to do it.

8. A simple javascript generator that can let the user enter number of rows and number of columns and then generate the snipplet code.

9. Must allow multiple codes on one web page. Meaning, if user put 3 snipplet codes on one web page, it will show 3 sliders.

See attached file if not clear.



Additional files submitted:
slider.zip