Open Source Resources for Web Application Developers WebAppers - Hunting the Best Open Source Resources for Web Developers

Professionally Designed Web Icons for Your Websites

Codrops has shared a tutorial of how to create Sliding Panel Photo Wall Gallery with jQuery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode.

In the full picture view we add some nice transition effect when we browse through the photos. In addition, we will use a function for resizing the full image, adapting it to the size of the screen. So, when the screen get’s resized, our image will adapt automatically.

photo-wall-gallery

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/
License: License Free

Related Web Resources
Our Sponsors
Bookmark and Share this Article
Media Temple Hosting
Advertise Here

Search Site


Advertise on WebAppers