Just another WordPress.com weblog

JonDesign’s SmoothGallery

Using MooTools v1.11, this JavaScript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website. Together there are 7 different gallery demos, You can download and test for free.


Featured Content Slider

Tutorial, how to create a slick auto-playing featured content slider.



8 different examples how to view Your images using MooTools, unfortunately there isn’t any documentation, but very easy to use gallery.Awesome collection



jQuery Lightbox clone, pretty similar to original Lightbox with few another features and full documentation.



A light-weight, customizable lightbox plugin for jQuery 1.3.


Easy Slider jQuery Plugin

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with CSS alone. So, basically you link to plugin file, set the content up and style it with CSS.


DevKick 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.



GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

jQuery Cycle

The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jqShuffle Plugin by Benjamin Sterling. 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. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.

Image Flow

Image flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.


What exactly does Supersized do?
* Resizes images to fill browser while maintaining image dimension ratio
* Cycles Images/backgrounds via slideshow with transitions and preloading
* Navigation controls allow for pause/play and forward/back

Image Gallery

This is my first jQuery plugin and to be honest I am quite proud of it. It’s nothing complicated – a simple image gallery/viewer. When calling the plugin you specify which images you want to use like this:
$(‘div.some-images img’).gallery();
The script would take all images within “div.some-images” (or whatever you specified) and put them within the gallery.


Images add life to a website. But plain simple images are now outdated. Splashy, layouts for images are the current hot trends in webdesigns. So here, I am going to provide the 30 best jQuery Photo Plugins that will help you to add an artistic and professional image galleries and slideshows to your website.


GreyBox can be used to display websites, images and other content in a beautiful way. It is very easy to use full-screen website, image gallery, which doesn’t conflict with pop-up blockers and it’s only 22 kb size!



The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.



Space Gallery is another fancy jQuery photo gallery plugin. click on the image will make it fade away and the next image will move forward. Bring out the beauty offading transitions with SpaceGallery jQuery Plugin.


A jQuery plugin for rendering fast-performing photo galleries. Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.


Slideshow 2

Slideshow 2! is a JavaScript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage information.


JavaScript TinySlideshow

This dynamic JavaScript slideshow is a lightweight (5kb) and free image gallery / slideshow script.

You can easily set it to auto-display the images, set the scroll speed, thumbnail opacity or to disable thumbnail slider.


S3Slider jQuery plugin

JQuery Slideshow with three different features and displaying sides, fully customizable sizes, delay speed and with good documentation.


Suckerfish HoverLightbox Redux

Handy JavaScript, CSS based image gallery with another version of Lightbox included.


Barack Slideshow 0.2

An elegant, lightweight slideshow JavaScript script.


Moo SlideBox

The mooSlideBox v3 is a small and slim Ajax based extension or replacement of the common “Lightbox” that can be found on nearly every page. This Lightbox clone works in IE 6/7, Opera and Firefox. It is based on the MooTools framework version 1.11.


3D Curve Wall

Unique Flash based 3D curve wall similar to Flashloaded version and you can also see other examples, but this one is free.


DF Gallery

As stated on many other articles on DezinerFolio site, dfGallery is one of the coolest flash galleries currently on the Web.


Full screen image gallery using jQuery and Flickr

It’s a full screen image gallery that automatically scales the image with kept aspect ratio to fill the browser background. It also supports a flickr search engine, thumbnails, captions, preloader and some other goodies.


Create an Image Rotator with Description (CSS/jQuery)

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.


jQuery Image Overlay Plugin
The image overlay plugin is a simple jQuery plugin that attempts to present an image with an overlaid title/caption. The overlay drops in on hover, as you can see above.

Create Beautiful jQuery slider tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.




And finally if You still haven’t got enough galleries or one for Your taste You can check this huge collection of many different image galleries from DynamicDrive.com


If You know some more resources I missed here, feel free to add in comments and if You enjoy this article, let others know about it! Thankyou for your comments and suggestions.


Comments on: "Best Jquery Slide Show Gallery" (33)

  1. Mr. malik said:

    Thanks Anil nice post…
    It helped me a lot..
    carry on posting such a good post….

    Chalta Riyo……. 🙂


  2. Hi chotu, i think this is the best post in all the blogs, you added most advanced and latest slideshow in this post. thanks and i like to share this blog to all my friends.

  3. Ankit Garg said:

    You seemed to have done a lot of research on this. I liked the “3D Curve Wall” the most 🙂

  4. I rarely leave comments, but i did some searching and wound up here Best Jquery Slide Show Gallery anil’s Blog.
    And I actually do have 2 questions for you if you usually do not mind.
    Is it just me or does it appear like a few of the responses
    come across like coming from brain dead people?
    😛 And, if you are writing at additional online sites, I’d like to keep up with anything new you have to post. Would you make a list of the complete urls of your public sites like your Facebook page, twitter feed, or linkedin profile? Check out my website to get more info about low carb diets, if you like.

  5. Hmm is anyone else experiencing problems with the pictures on this blog loading?

    I’m trying to find out if its a problem on my end or if it’s the blog.
    Any suggestions would be greatly appreciated.

  6. I was curious if you ever thought of changing the structure of your
    blog? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so
    people could connect with it better. Youve got an awful lot of text for only having 1 or
    two pictures. Maybe you could space it out better?

  7. No matter if some one searches for his required thing,
    thus he/she desires to be available that in detail,
    therefore that thing is maintained over here.

  8. There is definately a lot to learn about this issue. I really like all the points
    you made.

  9. With havin so much content and articles do you ever run into any issues of plagorism or copyright infringement?

    My website has a lot of exclusive content I’ve either written myself or outsourced but it seems a lot of it is popping it up all over the internet without my permission. Do you know any ways to help prevent content from being ripped off? I’d definitely appreciate it.

  10. Wonderful article! This is the type of info that are
    supposed to be shared across the net. Shame on the search engines for not positioning this
    submit upper! Come on over and visit my web site . Thanks =)

  11. Somebody essentially lend a hand to make significantly
    posts I would state. This is the first time I frequented your web page and thus far?
    I surprised with the research you made to make
    this actual submit incredible. Magnificent task!

  12. Appreciation to my father who shared with me regarding this
    weblog, this weblog is genuinely remarkable.

  13. I got this web site from my friend who told me concerning this
    site and at the moment this time I am visiting this website and reading very informative posts at this place.

  14. Wow! Finally I got a weblog from where I be able to really obtain
    useful facts concerning my study and knowledge.

  15. The BEST thing about this system is that Brown ensured that this would be the use of Sniper websites,
    internet marketers are able to just use this application for
    the interested users all around. I am one of the most recognized blogger and has been featured in
    the Vancouver Sun and even in the Globe and Mail. The major thing that can help increasing the profitability of
    a website is getting the good hits and your business would be
    advertised better. After discovering how to make money online strategy?

  16. On this respect it truly is quite similar being a regular online game involving grand parker, minus the connection together with
    various other participants. If the video game possesses shutters, your supplier may currently inquire people in order to post.

  17. Its like you read my mind! You seem to know so much about this,
    like you wrote the book in it or something. I think that you can
    do with some pics to drive the message home
    a bit, but instead of that, this is great blog. An excellent read.
    I will definitely be back.

  18. This piece of writing presents clear idea in support of the new users of blogging,
    that genuinely how to do running a blog.

  19. Piece of writing writing is also a fun, if you
    be familiar with afterward you can write if not it is complicated to write.

  20. I’m not that much of a internet reader to be honest but your blogs really nice, keep it up!
    I’ll go ahead and bookmark your website to come back in the future. All the best

  21. Highly energetic post, I loved that a lot. Will there be
    a part 2?

  22. Hi to every body, it’s my first go to see of this blog; this webpage carries amazing and really good stuff designed for readers.

  23. This piece of writing will help the internet people for setting up new webpage or even
    a blog from start to end.

  24. I feel this is among the most important info for me.
    And i am satisfied reading your article. But want to statement on few general issues, The website
    taste is perfect, the articles is really nice : D. Just right activity, cheers

  25. I enjoy what you guys are usually up too. Such clever work and coverage!
    Keep up the great works guys I’ve added you guys to blogroll.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

Tag Cloud

%d bloggers like this: