20 Professional jQuery Image Gallery Plugins

jQuery is not only a fairly easy javascript language to work with, it is also, when in packaged in a plugin, very easy to install on any web page, making them perfect for non-developers as well. Image galleries, without the spice of js, tend to be bland and featureless. Throw in a little jQuery and you can have a easily customizable feature-rich image gallery that will present your images professionally and beautifully.

ColorBox – Customizable Lightbox Plugin

The impressive ColorBox is a light-weight (9kb), customizable lightbox gallery plugin with the goal of allowing users to create a customized lightbox that is unique to their project. It supports photos, photo groups, slideshow, AJAX, inline, and iframed content. It generates W3C valid XHTML and CSS and adds no JS global variables and passes JSLint.

Full Screen Image Gallery Using jQuery and Flickr

The Full Screen Image Gallery plugin is full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It comes packaged with a flickr search engine, thumbnails, captions, and with a preloader. It basically loads image links one by one and replaces it with a full screen image gallery and it scales the image using CSS only (with some JS for IE6).

Moving Boxes – jQuery Image Gallery

Moving Boxes is a 'slider' image gallery, with buttons that change the image panels and when an image is selected the panels zoom in and out.

Galleria – a Javascript Image Gallery

Galleria is a very polished and professional image gallery . It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

jQuery slideViewerPro 1.0

slideViewerPro is a fully customizable image gallery engine which allows you to create sliding image galleries for your projects and/or interactive galleries within blog posts. Each gallery generates a user-defined number of thumbnails wich can slide automatically and everything is generated by easily by just a few lines of HTML such as an unordered list of images.

piroBox v.1.2

piroBox is a versatile gallery plugin, with a choice of three styles (shadow,white or black). You can view your gallery as a slideshow or as single images and when an image is selected will automatically reposition the image in the browser window.

Supersized – Full Screen Background/Slideshow jQuery Plugin

This plugin is similar to the Full Screen Image Gallery above, with one major difference: You can use your own images rather than a Flickr image gallery. It resizes images to fill the window browser while maintaining the images dimension ratio, it will cycles preloaded images with transitions via the slideshow function, you can navigate through the images by using the pause/play and forward/back buttons.

Pikachoose jQuery Image Gallery

Pikachoose has been designed to be easily installed and easy to setup, perfect for any non-tech-savvy blogger. It is a lightweight jQuery plugin that allows you to easily present your photos with further options for slideshows, navigation buttons, and auto play.

Image Rotator with Description

This image rotator can be used as a great way to display portfolio pieces, eCommerce product images, but is best for an image gallery.

Spacegallery – jQuery plugin

Space Gallery uses a fresh method for displaying a slideshow of images. When you click on the gallery it will, with a nice transition effect, rotate to the image behind. The gallery and its transitions can be easily customised with fairly extensive array of functions.

Galleriffic

Galleriffic is a jQuery plugin that has been optimized to handle high volumes of photos while conserving bandwidth. This feature rich and easily customizable plugin is fairly easy to install and with its image pre-loading, thumbnail navigation (with pagination) and its integration with the jQuery.history plugin (supports bookmark-friendly URLs per-image) it has become very popular.

AD Gallery

I love this gallery plugin. It is simple, yet powerful. It is a plugin that supports many transition efects, ir preloades the images, with cations and… hell, it can pretty much do everything you would want from an image gallery. Just have a look at the feature list.

Beautiful jQuery Image Slider

This is not a plugin download, it is an image slider tutorial. Not your typical slider, it is a very cool, stylish and very professional, it would be perfect for any photographers web site. Just have a look at the demo to see what I mean.

jQuery slideViewer 1.1

Zoomer Gallery

GalleryView is a plugin that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It’s a simple yet elegant way of giving your interfaces a nice little shine and at only 2KB in size, it’s both compact and surprisingly easy to use.

prettyPhoto

prettyPhoto is a jQuery based lightbox clone, that not only supports images, it also has support for videos, flash, YouTube and iFrames. The setup is easy and quick, plus the script is compatiblewith every major browser. It comes with useful APIs so that prettyPhoto can be launched from nearly anywhere (yes, even Flash).

SlidingGallery

The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).

ImageFlow

ImageFlow is an unobtrusive and userfriendly JavaScript image gallery that is perfect for large image galleries (it can support hundreds of images). It even has support for the iPhone.

Fancybox

FancyBox is a plugin for displaying images, HTML content and multi-media in a Mac-style "lightbox" that floats overtop of a web page. There is also a WP plugin called FancyBox for WordPress, which can be downloaded here: Fancybox for Wordpress.

GalleryView

20+ Easy to Use jQuery Text Effects and Animations »
25 Useful jQuery Tooltip Plugins and Tutorials »
20 jQuery Plugins and Tutorials to Enhance Forms »
30 Tutorials Combining Both Wordpress and jQuery »
25 Fresh and New jQuery Plugins and Tutorials »
50 Useful Tools and Generators for Easy CSS Development »
20+ Resources and Tutorials for Creative Forms using CSS »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »
22 CSS Button Styling Tutorials and Techniques »

RSS & Share

• Subscibe via RSS
• Follow us on Twitter
• SDM on FriendFeed
• SDM on Facebook
• Del.ici.ous Bookmark
• Stumble Speckyboy!
• Add to Technorati

Worthy Links

• StylesInspiration
• Smashing Magazine
• Design Reviver
• N.Design-Studio
• WebDesigner Depot
• Blog.SpoonGraphics
• Spyre Studios
• Six Revisions
• Vandelay Design
• Web Design Ledger
• Onextrapixel
• DesignerFix
• 1stWebdesigner.com
• Pink Moustache

Categories

• Ajax/Javascript
• Cheat Sheets
• CSS
• Firefox Extensions
• Fireworks Extensions
• Fonts
• Free Icons
• Graphic Design
• Icon Design
• Logo
• Patterns
• Photography
• Photoshop
• Showcase
• Tutorials
• Typography
• Vector
• Web 2.0 Apps
• Wordpress
• Wordpress Plugins
• Wordpress Themes
• • View all Categories »

We are a proud member of the...

Mini Icon for only $13

Are you one of our Facebook fans?