10 Image Galleries jQuery Script with Thumbnail Filmstrip

10 Image Galleries jQuery Script with Thumbnail Filmstrip


10 Image Galleries jQuery Script with Thumbnail Filmstrip

Introduction

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.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

10 comments

kevin
Tue, 27th April 2010
Cool, direct to the bookmarks! Thanks. Reply
Frinley
Thu, 27th May 2010
thanks , like it very much... Reply
MM
Sun, 31st October 2010
Very cool jQuery gallery example where you can zoom into images!
http://www.ajax-zoom.com/examples/example12.php Reply
agus
Mon, 1st November 2010
greats post. keep posting Reply
Brett Widmann
Sat, 20th November 2010
These are really great galleries! I like the Galleria best. Thanks for sharing. Reply
Miriam
Tue, 8th March 2011
I love the Galleria but would like to click on the image and link to an article. Any possibility? Reply
Antonio
Sun, 13th November 2011
Show de bola! Espetacular! Reply
top
Sat, 7th April 2012
thank you very match Reply
Dejan Ninic
Sat, 27th July 2013
GalleryView can have vertical filmstrip, its fully customizable. Its horizontal "out-of-the-box".
Reply
Slobodan M.
Mon, 29th July 2013
Nice post Kevin. Maybe it would be interesting to introduce gallery that can ( somehow ) have categories of images?
Thx anyway. Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement