Develop an additional component inside an existing javascript image gallery enabling a sub-gallery to be displayed.
Skills required: PHP, Javascript & AJAX
Desired flow:
**ALREADY EXISTS**
Open first page of image gallery index which contains thumbnails of pictures a, b, c, d, e, f, g & h. Click thumbnail of picture a to bring up large image of picture a with a panel on the right hand side of the image.
**WORK REQUIRED**
Panel on right hand side contains more thumbnails containing variations of picture a, namely a1, a2, a3, a4, a5, etc. Each individual image has an associated description held within a text file which should also be displayed in the right hand panel.
**END OF FLOW**
Majority of code already exists within the current application however it needs to be developed so that it can:
- handle the sub-gallery funstion
- pull description from a text file
- handle any additions to the gallery automatically through a naming convention, ie: not require any updating of code, merely dropping the correct files in the correct directorys with the correct naming convention should be enough.
** main gallery dir = '/'
** pictures in main dir = 'a', 'b', 'c', etc
** main pic descriptions = '[login to view URL]', '[login to view URL]', '[login to view URL]', etc
** sub-gallery directorys = '/a/', '/b/', '/c/',
** sub-gallery pictures = 'a1', 'a2', 'a3', etc
** sub-gallery pic description = '[login to view URL]', '[login to view URL]', '[login to view URL]', etc
Screenshots of both current gallery index page and proposed new item page layout are attached.
sample on fully AJAX based PHP and MySQL mailserver/ autoresponder page (including the adminfunctions for the functioncalls; means functions can be changed remote at runtime)
- mhwse US central time