CSShunt is the most frequent updated css inspiration gallery and logo inspiration gallery.which shows best css websites,logo inspirations,More of that it acts as a portal, so, besides a link to your website we post your description, keywords and title. you can submit your best website (and we encourage that), we verify it and post it in less than 24 hours. csshunt have more different section about some other inspirations as Graphic Design gallery, Designer's Inspiration work with some other cool stuff like freebies ,Web design and development related Articles,Web Design and Web Development Resources.so checkout our updated css inspiration gallery,logo inspiration gallery daily and don't forget to left your suggestions.

Slider Gallery with jQuery

jquery-slidergallery

This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to the end and move back to the first image. The user can scroll through the thumbnails by using the slider controls. When a thumbnail is clicked, it moves to the center and the full image preview opens. Navigating though the images will make them slide in and out from the sides, moving the underlying thumbnails container. When the preview is closed, the full image will fade back to the thumbnail.

For this gallery we will be using the jQuery UI library and the jQuery Easing Plugin.

The beautiful photos are by beyrouth and his Flickr photostream can be found here.

Demo - Source

Related Posts :

Posted on Monday, December 13th, 2010 at 7:24 am | Category: Jquery |