There are really hard and busy times when a designer with a little knowledge of coding starts creating a full website on his own. By supposing that (s)he’ll somehow pass that hard to understand bunch of code, the problems appear when it’s not XHTML/CSS anymore, but more advanced programming languages or JavaScript libraries. In the following round-up we have listed a set of awesome and really easy to understand jQuery plugins which will help you in adding Photo galleries or sliders with ease.
jQuery Galleries Sliders and Slideshows Plugins
TN3 Gallery
TN3 Gallery is a fully fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. Being fully powered by jQuery, it is a must try for every project-in-mind you have.
Advanced jQuery Sliding Plugin
Above, you’ll find an example of a beautiful advanced background image slideshow. It features changing text and playback controls. When the animation doesn’t seem smooth, the images might not be loaded.
Blinds
This great jQuery plugin features: Smooth animated transitions, Unobtrusive Javascript, Multiple instances on the same web page and much, much more.
S3 Slider
The s3Slider jQuery plugin is made by example of jd’s smooth slide show script. It can be used for both your commercial and personal projects.
Anything Slider
This new Anything Slider is an attempt at bringing together the functionality of all of those previous sliders and adding new features to it, which are rarely seen on other such plugins.
Smooth Div Scroll
Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Setting it apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scrolling to distinct steps
Super Sized
Supersized helps you to: Resize images to fill the browser while maintaining the image dimension ratio and also it has navigation controls with keyboard support.
Image Rotator
An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.
Fancybox
Fancybox is a tool for displaying images, HTML content and multi-media in a Mac-style “lightbox” that floats overtop of the web page.
Galleriffic
Galleriffic is a dynamic photo gallery optimized to handle a high volume of photos.
Nivo Slider
Nivo Slider is a jQuery plugin which has 16 unique transition effects and a simple clean and valid markup.
Simple Gallery
Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.
Sliding Gallery
The Sliding Gallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through.
jQuery Panel Gallery
With this plugin you can choose the direction in which the transition occurs from left to right, right to left, top to bottom, or bottom to top. You can set the initial delay before the transitions begin, set the transitions to loop or stop after the last image, set the time it takes for each panel to appear, and set the delay between the images.
jFlow Plugin
jFlow is a great jQuery plugin which will help you create an awesome gallery plugin, powered by jQuery
Moving Boxes
Moving boxes is another great slider powered by the jQuery JavaScript library.
Sliding Boxes and Captions
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my CSS) that essentially acts as a window where two other items of your choosing “peek” through.
Sliding Gallery
This tutorial shows you how to create the appearance of a pile of pictures and the next action puts the first picture to the last picture position, while the previous action brings the picture from the last position to the top – uses the CSS property z-index.
Polaroid Photo Viewer
This jQuery plugin will help you add some awesome looking polaroid effect to your photos.
Interactive Filterable Portfolio
This great jQuery gallery plugin will help you create an interactive filterable portfolio.
Content Slider with jQuery
In this tutorial you will learn how to build a content slider with the use of jQuery only. You will be able to use the final result for commercial and personal projects also.
Other Resources
Conclusion
After browsing through this pack of awesome jQuery plugins, we hope that you will find some great examples of gallery plugins which will help you in your next development projects.
