10 jQuery plugins for showing image gallery

We are ethical swinger javascript coders. That means - we are people who practice the swinging lifestyle and support/advocate it. 10% of our time we support swingers related websites - swingers clubs directories, social networks, events lists and do it for free. If you didn't get into our 10% window and you are representing any alternative relationship/sex lifestyle (polyamory, swing, kink, BDSM, casual sex) - we would be glad to serve you by 50% of market prices. Also, we doing an effort to spread the information about lifestyle and anything related to it. At this blog, we would make posts sometimes about our swingers related projects.

An image gallery is part of the modern web 2.0 design. There are many ways to show it. For eg: thumbnail listing of images – clicking will show the corresponding large image in an overlay div – like lightbox. The other method is, list images inline – no popups.

Here I’ve listed 10 jQuery plugins which can be used for this type of gallery. All these plugins can show images with some transition effects. I didn’t consider lightbox like (popup) scripts. But you may be interested in the following articles.

Galleria

Galleria is a javascript image gallery written in jQuery. 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.

The core of Galleria lies in it’s smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

DEPENDENCIESjQuery 1.2
SIZELess than 5KB (Compressed)
RESTRICTIONSNone (GPL)
DEMOOpen | Open in new window
INFO & DOWNLOADOpen

Gallerific

Features

  • Smart image preloading after the page is loaded
  • Thumbnail navigation (with pagination)
  • Support for bookmark-friendly URLs per-image
  • Slideshow (with optional auto-updating url bookmarks)
  • Events that allow for adding your own custom transition effects
  • Support for image captions
  • Flexible configuration
  • Graceful degradation when javascript is not available
  • Support for multiple galleries per page
DEPENDENCIESjQuery 1.2
SIZE12 KB (Minified)
RESTRICTIONSNone
DEMO & DOWNLOADOpen | Open in new window

S3 Slider

It is a simple & lightweight jQuery plugin which can show images with captions. It is useful, if we want to show image slide shows without thumbnails.

DEPENDENCIESjQuery 1.2
SIZELess than 2KB (Packed)
RESTRICTIONSNone
DEMOOpen | Open in new window
INFO & DOWNLOADOpen in new window

Coda Slider

Though it is not limited to showing images, it is still an option to show images.

Read more

Slide Viewer

slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images

DEPENDENCIESjQuery 1.2, jQuery Easing plugin
SIZELess than 2KB (Packed)
RESTRICTIONSNone
DEMO & DOWNLOADOpen | Open in new window

Easy Slider

This is a multipurpose sliding gallery. It can show images or text contents.

DEPENDENCIESjQuery 1.2
SIZE8KB (Uncompressed)
RESTRICTIONSNone
DEMOOpen | Open in new window
INFO & DOWNLOADOpen in new window

Crossfade

It supports some very advanced transition effects like Ken Burns effect. The transitions can be customized.

DEPENDENCIESjQuery 1.2
SIZELess than 12KB
RESTRICTIONSNone (GPL)
DEMO & DOWNLOADOpen | Open in new window

Innerfade

InnerFade is a small plugin for the jQuery-JavaScript-Library. It’s designed to fade you any element inside a container in and out.These elements could be anything you want, e.g. images, list-items, divs.

DEPENDENCIESjQuery 1.2
SIZELess than 6KB
RESTRICTIONSNone
DEMO & DOWNLOADOpen | Open in new window

9. Enhance Gallery

DEPENDENCIESjQuery 1.2
SIZELess than 4KB
RESTRICTIONSNone
DEMO & DOWNLOADOpen | Open in new window

jQuery Cycle plugin

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

DEPENDENCIESjQuery 1.2
SIZE18 KB (With all transition effects – Core plugin 9KB)
RESTRICTIONSNone
DEMO & DOWNLOADOpen | Open in new window

Space Gallery

DEPENDENCIESjQuery 1.2
SIZE13 KB
RESTRICTIONSNone
DEMO & DOWNLOADOpen | Open in new window

Image Flow

Another image gallery that mimics apple’s coverflow animation.
Read more