Slider Gallery with jQuery
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.
Related Posts :
Full Page Image Gallery with jQuery shows us how to create a stunning full page gallery with scr ...
Tutorial on how to create an animated portfolio gallery with jQuery. The gallery will conta ...
The idea is to show the thumbnails of albums in a rounded fashion allowing the user to scro ...
In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to hav ...
Today we will create a neat effect with some images using jQuery. The main idea is to have ...
Posted on Monday, December 13th, 2010 at 7:24 am | Category: Jquery |
Subscribe by email
Magazine of the week
Categories
- Adobe Photoshop Tutorials
- Ajax
- Articles
- Companies
- Corporate / Elegant
- CSS
- Designers Work
- Flash
- Fonts
- Freebies
- Freelance / Portfolios
- Galleries
- Graphic Art
- HTML
- HTML5
- Icons
- Identity
- Illustration
- Internet
- Java Script
- Jquery
- Magazines
- Marketing
- One Page Websites
- Photo Creativity
- Photoshop
- Print Design
- Stock Images
- Typography
- Vectors
- Video Tutorials
- Wordpress
- Wordpress Themes