10 Image Galleries jQuery Script with Thumbnail Filmstrip

Written by Kevin Liew on 27 Apr 2010
342,568 Views • Javascript


There are heaps of image galleries out there but don't know which one is the best? I have searched through the Internet and I found these image galleries that come with a filmstrip (thumbnails). Most of the are pretty easy to implement, and if you want to create a custom jQuery script, no problems at all because some of them are presented in tutorials.

  • TN3 Gallery TN3 Gallery is a full fledged HTML based customizable jQuery image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers. Powered by jQuery.
  • Custom jQuery Image Gallery with jCarousel

    I created this tutorial last week, it's about create an image gallery from the robust jCarousel Plugin. If you want to create a custom image gallery, you will enjoy this post :)
  • Image Gallery with Fancy Thumbnail Hover Effect

    This tutorial has been on the internet for quite a while, but somehow I think it's still worth to mention because of the hover effect.
  • Pikachoose jQuery Image Gallery

    This is the version 3 of Pikachoose and proven more stable, less bugs and cross fading.
  • Photo slider

    This photo slider comes with a preloader. Not only that, it's the thumbnail section that makes it special. Click on the link to check out the rolling effect.
  • PictureSlides

    PictureSlides is a plugin for jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired.
  • Galleria

    This is one of the popular image gallery around. However, it will be so much better if the thumbnail list is scrollable.
  • GalleryView

    GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize. I like the thumbnail section, it has caption, carousel and an arrow, pretty much like the one I did in the tutorial but in horizontal.
  • Full Screen Image Gallery

    This is a good full screen image gallery that scale the image in the backgroun. Unfortunately, it's not open to public, but it's a good inspiration if you want to create one.
  • Ad Gallery

    A pretty nice gallery that has different transition to display the main image. Pretty standard, main display image with caption, thumbnails in carousel.
  • jQuer Gallery Plugin

    A little bit different compare to the rest, the filmstrip is slide from the bottom of the main image. The thumbnail section is pretty impressive. Thumb up for this one.
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

kevin 14 years ago
Cool, direct to the bookmarks! Thanks.
Frinley 14 years ago
thanks , like it very much...
MM 13 years ago
Very cool jQuery gallery example where you can zoom into images!
agus 13 years ago
greats post. keep posting
Brett Widmann 13 years ago
These are really great galleries! I like the Galleria best. Thanks for sharing.
Miriam 13 years ago
I love the Galleria but would like to click on the image and link to an article. Any possibility?
Antonio 12 years ago
Show de bola! Espetacular!
top 12 years ago
thank you very match
Dejan Ninic 11 years ago
GalleryView can have vertical filmstrip, its fully customizable. Its horizontal "out-of-the-box".
Slobodan M. 11 years ago
Nice post Kevin. Maybe it would be interesting to introduce gallery that can ( somehow ) have categories of images?
Thx anyway.