I want to have a HTML page with has 10 or 20 images on it (maybe more or less) . I've a total of 500 images (Can be more can be less and I should be able to define this somewhere as how many images I have)
(All Images are of same size)
On initial loading, the page should load image 1 to 10. If I click on Next, the page should load number 11 to 20 images, one more next click, page should load number 21 to 30. If I click on "Previous" the page should load image number 11 to 20.
There should be also a scope to click on any image and I should be able to define the link somewhere. This should all be done without refreshing the page. While the images are loading, there should be very nice progress bar (or something like that) which indicates that image is loading.
Along with the images, the description of image should also change. Example
Image 1 Image 2
My Photo Your Photo
10 MB 20 MB
There is a unique description of each image which should also change automatically beneath the image without refreshing the whole page.
In the similar way, I also want a html page with a slideshow. There will be two images in the row and click on Next button will refresh those two images with the next two ones. I don't want the years old slideshow thing but something real catchy.
Everything should be dependent on browser as I'm sure there is nothing which needs to be installed on server end for this.
I want to define settings (Like images name and path, description, clickable link) in a txt file (or something similar) in a very convenient way somewhere.