10 jQuery plugins for showing image gallery

February 9, 2009 by admin · 29 Comments
Filed under: Galleries, jQuery 

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.

Dependencies jQuery 1.2
Size Less than 5KB (Compressed)
Restrictions None (GPL)
Demo Open | Open in new window
Info & Download Open

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
Dependencies jQuery 1.2
Size 12 KB (Minified)
Restrictions None
Demo & Download Open | 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.

Dependencies jQuery 1.2
Size Less than 2KB (Packed)
Restrictions None
Demo Open | Open in new window
Info & Download Open 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

Dependencies jQuery 1.2, jQuery Easing plugin
Size Less than 2KB (Packed)
Restrictions None
Demo & Download Open | Open in new window

Easy Slider

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

Dependencies jQuery 1.2
Size 8KB (Uncompressed)
Restrictions None
Demo Open | Open in new window
Info & Download Open in new window

Crossfade

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

Dependencies jQuery 1.2
Size Less than 12KB
Restrictions None (GPL)
Demo & Download Open | 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.

Dependencies jQuery 1.2
Size Less than 6KB
Restrictions None
Demo & Download Open | Open in new window

9. Enhance Gallery

Dependencies jQuery 1.2
Size Less than 4KB
Restrictions None
Demo & Download Open | 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.

Dependencies jQuery 1.2
Size 18 KB (With all transition effects – Core plugin 9KB)
Restrictions None
Demo & Download Open | Open in new window

Space Gallery

Dependencies jQuery 1.2
Size 13 KB
Restrictions None
Demo & Download Open | Open in new window

Image Flow

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

Related posts:

  1. 10 Mootools plugin for showing image gallery
  2. Highslide – The best image gallery script?
  3. 10 jQuery plugins for manipulating images
  4. Image Flow 0.9
  5. 3 jQuery plugins to show context menu

If you like this post, please share it so that others can also find this

Comments

29 Responses to “10 jQuery plugins for showing image gallery”
  1. Awesome list.
    Easyslider is our favorite. clients love it.

    Thank you
    T.

  2. Maicon says:

    Very good collection! Thank you.

  3. nishit says:

    thanku.i ned this type of image galarys..thanks a lot

  4. Good one, image rotator can be useful at times especially for projects etc

    Thanks for posting them :)

  5. I have a viaw your showing image gallery and I am impressed.Becouse your good lesson and image project.Thanks for information

  6. Reiki says:

    Excellent information. Finding a few such solutions has taken hours in the past.

    Thank u.

  7. Great list, best plugins, I like it!

  8. y those php files in the image url gets included? images r not appearing

  9. Mark says:

    Is there any free alternate.

  10. gunnerroo7 says:

    Wondering how to get the image flow 0.9 above with the 3d/mirror imaging?

  11. strainers says:

    Great list. Thank you for posting

  12. Nice…The information is more useful to me….

  13. This is really beautiful..

  14. these are great. thank you for sharing…..

  15. Really good information….

  16. cctvconsult says:

    Great stuff….

  17. Still can’t find light box for single image with cool round corners box and custom close baton :(

  18. popaj says:

    Gallerific looks nice…will use it in website for wedding dresses, but after adding text under thumbs

  19. Andimazlan says:

    Hi,
    I have a question.
    I want to show images gallery linking to recent post in sidebar of my wordpress.
    Do you know the code or plugin?
    here’s the example
    I hope you can help me.

    Thank you.

  20. Ai~ says:

    These are very useful indeed! Thank you for posting! :)

  21. iamdok says:

    A new jQuery slider plugin has been released which offers a very professional implementation of the Ken Burns effect. Though it is a premium plugin (licence $12) the feature set well worth it. Compare it to the Ken Burns plugin features in this list (especially in older browsers) and you will see the big difference.

    Check out the 5 demos here: http://pixelentity.com/previews/components/estro/

  22. Fume hood says:

    Exactly what I have been craving

    Thanks so much for this all in one place!
    I have viewed the videos and it is really great, It give me ideas on how to finish my graphic design courses.

    Many Thanks.

  23. Diamond says:

    Ohh!! Good work!! Thak you very much. Good gallery

  24. Sago says:

    scripts are really COOL

Trackbacks

Check out what others are saying about this post...
  1. [...] 10 jQuery plugins for showing image gallery [...]

  2. [...] 10 jQuery plugins for showing image gallery [...]



Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!