For this project we created a fullscreen gallery with jQuery. The idea was to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images.
The big image slides up or down depending where we are navigating to. We added navigation controls for the mousewheel and for keys. The thumbnail has a zoom and and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image, resized to fit in the page.
- We usedFlip!, a jQuery plugin by Lucca Manno that flips elements.
- And we also used the jQuery Mousewheel Plugin by Brandon Aaron.
- The beautiful images are of Irene. Visit her website
Additional Info
- Website:Irene's Flip Gallery
- Project Construction: Single HTML page responsive gallery with flip animated thumbnail