Build responsive gallery with JavaScript & jQuery


I need the following developed in either JavaScript or CoffeeScript:

- A responsive web gallery using jQuery and Isotope ([url removed, login to view])

- 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: '[url removed, login to view]',

pics: [ { url: '[url removed, login to view]' }, { url: '[url removed, login to view] } ]


...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)

Skills: CSS, HTML, Javascript, jQuery / Prototype

See more: responsive gallery, build gallery, jquery responsive photo gallery, css responsive photo gallery, responsive javascript gallery, responsive gallery jquery, css height jquery, jquery json ajax, jquery back, jquery ajax json, coffeescript jquery, ajax json jquery, web gallery, responsive web, responsive css, one page responsive html, jquery grid, javascript jquery, i need to load json, HTML CSS JavaScript JQuery, coffeescript, html project responsive, json jquery page, javascript scroll page, div screen

Project ID: #4545784

11 freelancers are bidding on average $170 for this job


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!

$180 USD in 7 days
(143 Reviews)

Hi, I am ready to do this project.

$126 USD in 3 days
(59 Reviews)

Hi, We're interested in your project and would like to work on it. I've sent you private message, please have a look.

$210 USD in 3 days
(7 Reviews)

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?

$210 USD in 4 days
(21 Reviews)

Hello Dennis, jQuery expert here to help you on this project. Consider it done. Thanks, NTGroup

$166 USD in 5 days
(16 Reviews)

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 you More

$147 USD in 15 days
(6 Reviews)

Hi, glad that drew attention to me! Ready to develope the order quickly and accurately. more datails about responsive gallery in PMB

$120 USD in 3 days
(11 Reviews)

Hello, I'm a java, jee developer with over 10 years experience. I'm glad to complete this project for you. Thanks.

$210 USD in 3 days
(3 Reviews)

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.

$210 USD in 10 days
(2 Reviews)

Hi, I'm a front-end developer with experience in both jQuery and Isotope. Please take a look at my PM for details.

$160 USD in 7 days
(0 Reviews)

hi i'm ready to do it

$111 USD in 5 days
(0 Reviews)

I'm Ready for this job.

$133 USD in 3 days
(0 Reviews)