When the user clicks on a thumbnail, the photo will display in a lightbox. There should be a back and previous arrows to cycle through photos.
To complete this project I built the web page layout using HTML and CSS, matching the layout in the mockup file. This included a gallery using thumbnail images, and a search box field.
I also researched and implemented a preferred jQuery plugin for the lightbox. The functionality allows users to click on thumbnail images in the gallery and view them in a lightbox (with a background overlay), the ability to view text captions to each image in the lightbox, and back and forward arrows to switch between photos when the lightbox is visible. Also there is a way to close the lightbox and return to the gallery view.
Similarly I researched and implemented a jQuery plugin for the search box. The search box at the top of the page allows users to filter photos based on the photo captions. The photos filter in real-time as the user types, and only display photos that match the search.
I'm always open to hearing about freelance product design and development projects (or if you just want to say hi!)