I need the following developed in either JavaScript or CoffeeScript:
- A responsive web gallery using jQuery and Isotope ([login to view URL])
- On startup it should do an AJAX GET request to a hard-coded URL to load a JSON file that could look like this:
[
{ thumb: '[login to view URL]',
pics: [ { url: '[login to view URL]' }, { url: '[login to view URL] } ]
},
...more objects like the above...
]
- The JSON basically defines an array of sub-galleries. Each sub-gallery has a thumbnail and an array of photos.
- The page should instantiate an Isotope grid containing all thumbnails (i.e. one per sub-gallery). So the grid links to the sub-galleries.
- When user clicks thumbnail, a full-page DIV opens in front of the grid (hiding the grid). This should be pure JS (no page load). The DIV should contain all photos from the sub-gallery (as elements, not another grid). All photos should be scaled (use anti-aliasing) to screen height with a margin of 20px around each photo. The DIV should be wide enough to contain all photos, so the user can scroll the page to the right to see all of them.
- Overlaid on the bottom-right corner of the last photo in a sub-gallery should be a link "Back" that when clicked closes the sub-gallery and leads back to the Isotope grid.
- jQuery History plugin should be used so that every sub-gallery gets its own anchor in the URL such as page.html#gal1 and is directly accessible through that URL. No page (re)loads please!
- Keep the project limited to one HTML file, a JS file and a CSS file (you can hotlink images from the internet in the JSON to demo the functionality)
Hi, good day! Let me do this for you. Do you have the JSON I could use for reference? I would like you to send it so I can easily get started. i'm keen to work on this for you. Thanks!
Hello,
To open the gallery, is a lightbox variant ok? (fancybox) or do you want it coded from scratch?
Do you need infinite scroll with the grid, or will all galleries show from the beginning?
Hi,
We have the exact expertise you are looking for..... We have consistently delivered projects on time and under budget, which has earned us many positive ratings. We believe that our skills would be ideal for your project....Lets discuss....
Thanks,
Pinnacle Hi-Tech Solutions
I am professional web designer over 6 years of experience.I already had finished work on such projects before . I assure you to provide the best work with most creative design. Waiting for your positive response.