Here you ll learn how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width.
The gallery will have a view switch that allows to view it with the thumbnail carousel or without.
Here you ll learn how to create a template with a fullscreen grid of images and content areas.
The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.
We’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover
My Thumbnail jQuery plugin creates image thumbnails on client side for multiple images in a page. My Thumbnail help you to generate uniform size images. Of course, the original aspect ratio of the picture is maintained.
If your browser support css3, you can get a best (inner) fit image for your specified thumbnail size. Also, round corner is supported for css3 capable browser.
With NailThumb jQuery plugin create thumbnails easily from high-res images, without any distortion, with one line of code. You can even decide thumbnail dimensions directly from CSS.
Integrates prefectly with any media gallery, even more usefull in dynamic web application when you can face any shape or size.
A cool jquery/css thumbnail scroller plugin inspired by the ones made in Flash. It works by cursor movement or next/previous buttons, has auto-scrolling feature and it’s simple to configure and easy to style through css.