Build responsive gallery with JavaScript & jQuery

Closed

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

ranganalx

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)
6.2
phpthebest

Hi, I am ready to do this project.

$126 USD in 3 days
(59 Reviews)
5.2
joykeeper

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)
4.2
noxtras

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)
4.2
ntgroupservice

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

$166 USD in 5 days
(16 Reviews)
4.0
hemanshusondhi

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)
3.7
oCoDo

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)
3.7
chinbochen

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)
3.4
Gurbachan

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)
2.3
scottwatkins

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)
0.0
leisniel

hi i'm ready to do it

$111 USD in 5 days
(0 Reviews)
0.0
systemofhark

I'm Ready for this job.

$133 USD in 3 days
(0 Reviews)
0.0