jQuery slider tools, 200 best! | Bypeople

jQuery slider tools, 200 best!

This is a selection with 200 of the best jQuery sliders plugins and tutorials with a lot of differents features, we’re pretty sure you’ll find exactly what you need or been looking for a while now, so please, go ahead and enjoy. jQuery is such an amazing tool that delivers what offers: writing less and doing more, that’s why now we’d like to share with all of you this huge list where you can find all kind of plugins and tutorials for showcasing content in a slider, which can be images, photographs, videos, text, anything you’d like to put in it, with a lot of cool effects and animation. Although the tutorials are really clear and well explained, the websites also offers you feedback and support, so you’ll have no problem with installing it. If you find some kind of problem or a bug, they’re really looking forward your opinion, most of these websites keep updating their plugins.

Jquery Slider Shock

Fully responsive jQuery slider. Counts with much more features than the majority of sliders over the web, all of them explained in its website. But the most remarkable ones are in example the capability of sliding Videos from video hosts like YouTube, Vimeo and Hulu; as well as content from some of the most used websites like twitter, Instagram, and Flickr.

jQuery XML slider

Advanced Slider is a jQuery plugin that allows you to easily create powerful sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. Please take a look at the list of features below.

Coin Slider jQuery image slider

017-Coin-Slider Coin Slider is a really amazing plugin, with unique transition effects. It has flexible configuration, auto slide, navigation box, it links images and is free to use under the MIT license. It’s fully customizable using CSS and compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ even Android and iPhone.

Mosaic! jQuery plugin

026-mosaic Automatically generates sliding boxes and captions. It was first uploaded in 2010 and the last update was in march 16, 2011. Among it multiples features includes allowing slide & fade animations with custom directions and pre-loaded images within boxes. The implementation is fairly easy, it operates with two panels – an overlay and a backdrop. The content in the overlay gets repositioned according to the options that you provide.

jQuery Banner Rotator / Slideshow

This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the plugin’s parameters.


This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation, has own CSS3 support detection and even old or Internet Explorer support it, a little bit different but still awesome. It will be free under the MIT license, once released. The creator still runing some tests.

Thumbnails navigation gallery

059-thumbnail-gallery This plugin uses jQuery and CSS, with this tutorial you’ll be able to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It requires jQuery and some CSS3 properties for the style. The thumbnails container will scroll automatically when the user moves the mouse to the left or right.

Estro – jQuery Ken Burns & swipe effect slider

Welcome to “Estro” a super smooth jQuery slider plugin by pixelentity. “Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting monicker for this beautiful slider. For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project. A starting point, who’s design and execution would inspire you and supercharge your work.

Expanding image menu with jQuery

044-expanding-image Thanks to this tutorial you’ll be able to create an expanding image menu with jQuery. The idea is have some columns with black and white image slices that will make a content area slide out when click on them. And by also sliding in the colored version of the image you’ll get a neat effect. You don’t have to worry because this plugin is available with MIT license, free for all.

Polaroid Photobar Gallery with jQuery

046-polaroid-photobar Creating an image gallery with a Polaroid look is amazingly easy. With albums that will expand to sets of slightly rotated thumbnails that pop out on hover. The full image will slide in from the bottom once a thumbnail is clicked. In the full image view the user can navigate through the pictures or simply choose another thumbnail to be displayed. This is available for free with the MIT license.

AviaSlider – jQuery Slideshow

AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project.

Merging Image Boxes with jQuery

This plugin last update was in November 30, 2010, the idea is to have a set of rotated thumbnails that once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again. Pretty cool uh?

Beautiful Photo Stack Gallery

This plugin is perfect for giving the sensation of see and swap photographs digitally as we do it with out own hands, creates a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, that album images are shown as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

uBillboard – Premium Slider

uBillboard is a Premium Slider for WordPress. It is a jQuery based slider with a multitude of transitions and options for you to be able to customize it to your needs while not overwhelming you with options you never wanted or needed. Version 3 is a revolutionary release with most of the codebase rewritten from scratch. This has enabled us to integrate many features that you have been requesting during the first year.

Full page image gallery

01-full-page-image Create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is having a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

Moving Boxes Content with jQuery

02-moving-boxes This plugin will allow you to create a website template with some really sweet animations using jQuery. The purpose is having little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. This uses some different animation effects that will be added as options to the menu item.

Sexy Slider

SexySlider is a JQuery plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

TN3 Gallery

With TN3 Gallery you can easily create amazing photo galleries and slideshows with slick transition effects, as well as multiple albums, CSS skinning, XML and Flickr support with a host of additional features. No browser plugins required. You can download the free lite branded version for the basic functionality, or the unbranded professional version for extended features.

Fullscreen Gallery with Thumbnail Flip

03-fullscreen-gallery-with This plugin will help you to create a fullscreen gallery with jQuery, the goal  is having a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where you’re navigating. It includes the addition of navigation control for the mousewheel and keys. The thumbnail will have a zoom and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image resized to fit in the page.

RoyalSlider – Touch-Enabled jQuery Image Gallery

RoyalSlider is easy to use jQuery image gallery with animated captions and touch support for mobile devices. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.

Sweet Thumbnails Preview Gallery

With this tutorial you’ll create an image gallery with jQuery that shows a preview of each image as a little thumbnail, the main purpose is to hover over the slider dots and make the regarding thumbnail slide into the previewer. When clicking a slider dot, the full image will slide in from the right or left side, depending on the currently viewed image.


This plugin cost $9 and will allow you to easily configure all effects and speed, pause on hover, autoplay and autorestart, collapseable captions and more. Three accordion styles are included. Create your own with some HTML  & CSS skills. Solid — No wobbly edges as often seen in other accordion scripts. Progressive enhancement. All content is still viewable without JavaScript enabled.

li JQuery Slider/Image Rotator

li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!


uBillboard is suitable for all WordPress users, those new to WordPress will find it easy to set up and use, while WordPress veterans and theme developers will find it easy to extend or use in their own themes. uBillboard is simply for everyone! Among the main features you’ll find: sleek slider front end and admin, 18 transition effects + Random, transition effects based on scaling, square and column animation, fading, and many more, if you’re interested, give it a try!

DDS Slider

This great plugin can be yours for $10, in exchange, you’ll get online content support, 11 different unique transitions, support to all major browsers including IE6, auto play, it supports arrows and selectors, allows you to choose arrows and selectors simply, set the number of bars and squares, define specific transition for sliders, auto pause when user hovers the slider and many others features for you.

jQuery Slider Evolution

Slider Evolution is a JQuery plugin that lets you easily create powerful javascript sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider! Create an unlimited number of sliders with customized settings for each one, and place them anywhere on your website with ease.

Sexi slider

155-sexi-slider This slider is as sexi as it name. It’s features are: Auto slide, continuous sliding, image captions, flexible configuration, 6 Transitions effects and more!

Advanced Slider

156-advanced-slider Advanced slider is a jQuery plugin that allows you to easily create powerfull sliders using either XML, thus making the slider much easier to setup and maintain or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. Please take a look at the list of features below.

Estro – jQuery Ken Burns slider

After the success of our Estro jQuery plugin, and due to popular demand, today we bring you “Estro” a Premium WordPress Slider Plugin by pixelentity.“Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting moniker for this beautiful slider. For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project. A starting point, who?s design and execution would inspire you and supercharge your own work.

JS Carousel

169 jsCarousel is a jQuery slider plugin that slides contents in multi direction and can be used as a feature content slider as well. You can put any kind of contents you want whether images, text, videos, news etc., it’s up to you. One interesting thing about jsCarousel slider is that you can make simple image gallery with thumbnail support by using it. The jsCarousel slider plugin gives you the source of image via callback function, when you click on some image within slider. It was last updated in April 12, 2011.

Full Screen Sliding Website plugin

173 FSS is a jQuery plugin for creating full screen sliding websites. The live preview is just a sample of what can be accomplished with FSS. Can be easily integrated into your website by placing a piece of javascript code between the tags. FSS can work with any website, regardless of its design. You can create full screen and scrollable AJAX websites in no time. It also offers deep linking support.,  scroll bar support,  JavaScript & CSS 2 different transition effects; *Horizontal Slide *Vertical Slide, AJAX support, the speed and slide duration are adjustable. Contains 11-page detailed user’s guide.

Featured Box Slider

With this script you can make a nice interactive slide gallery like you find on every big site these days. Because the script is highly customizable you can use this script for lots of purposes. To get a better idea of what’s possible with this script you can take a look at these examples:

WOW Slider

177 The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It’s a very effective method to increase the web site usability and engage the user. The WOW Slider w as updated in  April 11, 2011, this is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. Is free for non-commercial use, a license fee is required for business use.


181 This is an advanced version of pirobox, one of the most important immplementations is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop.  The PiroBox browser compatibility includes FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 7+.

Sugar Slider – Premium Slider Manager

Sugar Slider makes it as easy as it could possibly be to create gorgeous sliders for your WordPress powered site. Forget nasty custom fields and image URLs. You can even forget about manually resizing every image before you upload it. With a huge list of features, Sugar Slider is easily the most advanced and powerful slider manager for WordPress. Create an unlimited number of sliders with customized settings for each one, and place them anywhere on your WordPress website with ease. Sugar Slider is so packed full of features that you will never need another slider manager.


183 PrettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)! Was developed by Stéphane Caron. PrettyPhoto is totally free to use, it is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones.


184 The plugin called Aga, short for Accordion Gallery is, as its name implies, an accordion plugin which can be used horizontally and vertically. It has a variety of options that make it possible to optimally adapt the plugin to their own requirements. The website is in german, so don’t freak out, just give the translator an opportunity.

Translucent – jQuery Banner Rotator / Slideshow

This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. Supports touch swipe navigation for iPad and Android tablets. More than 35 plugin settings included for customization. The captions can be customized by both plugin settings as well as CSS .

Auto-Advancing Slider

197 One of the most requested improvements over the tutorials presented on this site, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial they give you  their HTML5 Slideshow auto advance with a few lines of jQuery. So, this might be just what you’ve been breaking your head on lately.


208 Step away from common, boring & flat 2D experience and dive into endless possibilities of adding the third dimension to your slideshow. Subtle and sophisticated settings can tremendously improve general look & feel of your slideshow by adding this special 3D touch. You will love it and your visitors will love it even more.


mbSlider is a multi-purpose, highly customizable content slider. It can slide anything from videos and images, to iframes, flash and html markup. What really makes mbSlider is its customizability. mbSlider has over 18 customizable properties from slide direction, slide speed and animation easing to dynamically generated controls and pagination, slide orientation and customizable return to start animation. All of this backed up with a solid api documentation, simple installation and low file size makes mbSlider the perfect content slider for your site.


03-Choco-slider This tasty looking jQuery plugin is not just delicious, it’s also lightweight, flexible and customizable. It was released under MIT license and is compatible with Firefox 2 +, IE 6 +, Safari v4, Google Chrome 3 + and Opera 9 +, now you have no excuses!


04-slider-kit This is a complete plugin kit done by Alan Frog, it was updated in may 18 2011. This kit includes a content slider with modular elements, multiple navigation controls such as buttons, mousewheel, image click, vertical/Horizontal navigation clip, Fading and sliding transitions effects and more!.  The Slider Kit generates a minimum of inline CSS. The whole skin is CSS-made, and it’s all for you.


05-Orbit This amazing plugin called Orbit was updated in March 17 2011, among other improvements you’ll find that now you can highlight the text, fixed issue of false parameters failing, now you can have just 1 slide without it failing and other. The download includes jQuery 1.5.1 and all this is available under the MIT license.


12--s3slider This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. The s3Slider developer is really interested in helping anyone who has a doubt with this and  offers support in his website, so, don’t be shy ad give it a try.

Akward Showcase

14-akward-showcase The Akward showcase jQuery plugin allow you to add tooltips, enable thumbnails, activate dynamic height and lots more. It was last updated in April 27, 2011. This is called a Content Slider, but it can do more than just slide the content. Since version 1.0 it’s integrated with our Viewline Plugin enabling new innovative ways for displaying content on your website and it’s compatible with all the major browsers for both Win & Mac. Position tooltips based on x- and y-coordinates, enable thumbnails, both horizontal and vertical, different view modes integrated with Viewline, this showcase is easy to implement and very easy to customize in CSS.

DMXZone Nivo Slider

You guys know what’s great? the DMXzone people have modified the Nivo Slider.Now it allow you to present your images in a fantastic slider with the choice of 16 unique transition effects. Supplied with many awesome CSS skins and great looking navigation control,  can be customized through the CSS to fit any website design perfectly.  Also supports linking images, keyboard Navigation, HTML captions and the best part of it: it’s free to use and abuse under the MIT license.


0020-simple-slide This plugin gives you really easy to follow instructions. The package is based around the way you already build your website, so you don’t have to retain swaths of arbitrary knowledge to use it on a regular basis. This plugin won’t bog down your site or burn out your users’ browsers, even using it in multiple interactions per page. It’s flexible, so you can put whatever data you want within the slide window, even mixed types, a proportionally-correct status display that configures itself, fullscreen display and swipe functionality. Do you need anything more?

Portfolio Zoom Slider

038-portfolio-zoom This jQuery plugin gives the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking. With this tutorial you’re going to create some nice effects for a portfolio or similar website with jQuery and create a tiny slider to integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin. The idea is to give the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking.

3D Wall Gallery

039-3d-gallery This plugin has an amazing feature, allows you to adjust a 3D viewin the image gallery, unfortunately, it only works on safari. It was last updated in february 2, 2011. However, you can use it, in any other browser will show a pain image gallery, but won’t show any kind of error or such.

Slider Gallery with jQuery

040-slider-gallery This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to the end and move back to the first image. The user can scroll through the thumbnails by using the slider controls. When a thumbnail is clicked, it moves to the center and the full image preview opens.

Image Wall with jQuery

045--image-wall The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image.


This is the amazing Nivo Slider it includes 16  unique transition effects, simple clean and valid markup, loads of setting to tweak, was built in directional and control navigation, only weighs 15 kb, supports linking images, keyboard navigation and HTML captions. Don’t worry about compatibility, it supports IE v.7, Firefox v.3+, Chrome v.4+, Safari v.4+ and Opera v.10+.  Available under MIT License.

Rotating image slide with jQuery

047-rotating-image This plugin will allow you to create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. They will also add an autoplay option and the mousewheel functionality. Honestly, the effect is quite interesting, and just one click away.

Parallax slider with jQuery

051-parallax With a vibrant image slider tutorial you will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will give a great depth to the whole slider when it’s in motion. Simply, to see this plugin in action is amazing, nevertheless, the beautiful photographs.

Flickr photobar Gallery

For using this plugin, you must own a flickr account. The aim was to build a bottom photobar that one can easily integrate into a website. It is hidden initially and slides up when the handle is clicked. First, the photo sets are shown and when one of them is chosen, all its images can be viewed as thumbnails. When a thumbnail is clicked, a full image view appears as an overlay.

Fresh Sliding Gallery with jQuery and CCS

This jQuery plugin lets you to show a full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking on it. The thumbnails bar slides down and the image resizes according to the screen size.

Sideways jQuery Fullscreen Image Gallery

This gorgeous jQuery script is Free for all use, even commercial  with no permission required. It was last updated in November 20, 2010. It’s a really easy to install and customize besides, the effect you’e;; get is quite amazing, why don’t you give it a try?


This is how the Pikachoose developer explains his scrip  “This is a easier option for those who think galleria might be too complicated, or nivo doesn’t fully do what they wanted” Pikachoose was last updated in May, 19 2011,  get it while still hot!


So, 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 with keyboard support Integration with flickr – pull photos by user, set or group. The current version is 3.1.3, was released on March 3rd,  2011 and is completely available for you under both MIT/GPL license.


Avia gives you 8 unique transition effects,  lots of easy to set options to create your own effects, included Image preloader, autoplay that stops on user interaction, valid HTML5 and CSS 3, only weights 8kb and supports linked images already prepared to work with prettyPhoto Lightbox. It works with jQuery 1.32 and higher Documentation, CSS and Javascript files are available at Codecanyon.net for a small fee.

Slides JS

You can get the latest Version, which is 1.1.7 and was  updated on May 2nd, 2011. Slides is licensed under the Apache license, nd the programmer keep posting updates in his twitter account for you to follow if you’re interested in getting in touch.


This jQuery script allow you to apply smooth animated transition, it has customizable sprite grid and customizable animation ochestration. This is for you to use, copy, modify, merge, publish, distribute, sublicense, and/or sell. It also allows multiple instances on the same webpage jQuery compatible (plugin) and is unobtrusive javascript

Mosaic Slideshow

With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem. However, to make a lasting impression to your visitors you need to present them with something they have not seen before and you’ll be able to make a jQuery & CSS mosaic gallery. It’s called Mosaic because it will feature an interesting tile transition effect when moving from one slide to another.

Content Slider

With his attempt of creating a content slider, the developer was aiming to create an easy-to-implement content slider plugin allowed for multiple instances on the same page, that also allows users to customize the size, button images, etc. It’s really nice looking, simple, clean.

Elegant image Slider with jQuery

04-elegant-image The Elegant Image Slider was released under the creative commons license, it was last updated on May 19, 2011. The creator knows there are a lot of jQuery image galleries out there, some of which are quite lovely (Galleria springs to mind). However, He’d yet to discover a really nice-looking, full-window sliding image gallery that is simple and elegant, and that also shows off the photos to good effect. That’s why he decided to write one!

Superdit Expand stacked Images using jQuery

05-superdit This tutorial will show you how to expand the stacked images with jQuery. There is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right?

Animated JavaScript SlideShow

106-animated-javascript This is a quite simple yet beautifully done image slider, it has all the basic in a non flashy way so you can implemented in any kind of website that need a image slider gallery.

Boutique Slider

109--boutique-slider This is such a visually intereactive slider, it has a lot of movement and really doesn’t need anything else to  be added to it, that’s why the last update was made in October 10, 2010. In this last update some of the added features were unlimited scrolling and number of images, customizable optional headers, description text, hyperlink, autoplay (paused on hover), keyboard support, multiple instances per page and gives you 3 example styles out of the box.

Easy Gallery 2

111-easy-gallery This image gallery plugin was developed by Alaa Badran on March 13, 2011 under the GNU General Public License. It simply showcase the images one after another. It’s clean and simple.

jFlow Plus

112-jFlow On July 29, 2010 jFlow Plus became into an update to the popular ultra-light-weight jFlow slider released in 2008. This new addition comes with an auto slide an pause functionality and will be continually updated with additional features. jFlow Plus is an easy to implement, customizable and light-weight jQuery slider that is a great solution for you project needs. This is free software released under the GNU license.

HighSlide JS

Highslide JS is under a Creative Commons Attribution-NonCommercial license, this means you’ll need the author’s permission to use Highslide JS on commercial websites but he will happily provide you support in his website if required.


This jQuery script was created in 2009 and includes a lot of the most basic effects, so is perfect if you’re just starting in the jQuery world and is really easily modified, so, go and see the demo, yoou might be interest in getting it.

Shadow Box JS

Shadowbox uses HTML markup that validates, so it doesn’t depend on phony HTML attributes in your anchor tags to make it work. It’s just as easy to run it as a standalone app, giving the developer a great deal of flexibility. supports a host of options that make it highly configurable.

Advanced jQuery Background Image Gallery

This is one of the most outstanding and beautiful jQuery based image gallery, it was updated on April 7th, 2011, it’s still warm and delicious! besides, the author is really interested for the users feeddback, don’t hesitate and become part of this group of users.

Slick and Accesible

With this tutorial you’ll create a simple slideshow script using solid HTML, CSS, and JavaScript (jQuery). It applies the concept of Progressive Enhancement to ensure that the slideshow widget works without CSS and without JavaScript, making the script web accessible in most browsing scenarios. You don’t have to worry because it free for commercial and personal use under the Creative Commons license. Now, CC license wants you to attribute it with a link based on the creator’s requirements, but this creator requirement is: “You don’t have to attribute it to me if you don’t want to, although I’d be glad if you did”. How nice is that?

Image Slideshow jQuery Cycle

Image slideshows are a popular method of displaying numerous sequential photographs in web design. By making use of the handy Cycle plugin for jQuery, we can easily create a slideshow of our own, complete with previous and next navigation controls. Not a master of Javascript? Don’t worry, the Cycle plugin makes it a breeze to add slideshow functionality to your site, with only a few lines of code required to get things up and running.

Smooth Div Scroll

You can redistribute or modify the Smooth DIV Scroll under the GNU General Public License terms. It was last updated in 2010 and allows simple controls gallery, rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery. They allow the user to play/pause, or step through to a specific image within the gallery. Last but not least, the gallery supports persistence of the last viewed image via session cookies, so going away then coming back to the gallery calls up the last viewed image within a browser session.

Simple Controls Gallery

Each gallery instance supports a public method navigate that lets you do everything from go to a specific slide, move forward or back, or even play/pause a gallery on demand. It opens the door to creating custom controls on the page to control a gallery.

iTunes like slider

Developers often seek the functionality provided by sliders in order to fit lots of information in the space provided, but creating such a slider is not as difficult as you might think. With a little planning and some experimenting, you can create one rather quickly. Minimize the space taken up by images by making the slideshow’s dimensions the same size of a single image and then fading between them. This slider provide a vertical carousel of images on the side showing upcoming images, provide a method to manually move the carousel and the slideshow forward.

Tab Switch Simple

128-tabswich The tabSwitch is a tab/slider plugin for jQuery with which you could make a tab box system with the least of code and still fully customizable. Currently, you could choose from 7 different effects with 2 view styles and also hot swap the effects around in runtime. There is no limit what kind of HTML tag you use, you could move to next, prev tab or jump to a specific tab, all the controls could be anywhere in the website, on top of a tab, inside a tab and many others features, this plugin is available under the Common Development and Distribution License CDDL.


129--bxs-slider On January 13, 2011 this plugin was last updated and this update included horizontal, vertical, and fade transitions display and move multiple slides at once (carousel)  prev/next, pager, auto controls easing transitionsrandom startticker mode before, after, first, last, next, prev callback functions optional styling included and TONS of other options.

Fancy Moves

130--fancy-moves Wanna know what you get when downloading this? Keyboard Navigation (use your keyboard arrows to move to the last/next product), click on images to navigate, CSS opacity for rollover effect on buttons,  FancyBox built in for expanding images (left/right buttons on rollover for other image views) FancyMoves is a great slider to show off services, products, or whatever you can dream up. The main image is enlarged to attract your focus. There are three ways to navigate to the next/last item: using your keyboard arrows, using the left and right arrows on the sides of the slider, or simply clicking on the next or last item in the slider.

Cycle Plugin

122-cycle The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports but does not require the Easing Plugin. Unfortunately is not working in chrome, still you can post questions to the jQuery Forum. The Cycle Plugin is compatible with jQuery v1.3.2 and late Latest version: 2.99 (12-MAR-2011)

Image Gallery with Fancy Transitions Effects

133-jq-fancy-transitions Ivan Lazarevic main idea was to build some ’strip curtain’ effect so the developer started from that. But, while he was building this some other effects just pop up so he decided to adjust code and include some of those effects. Now, there are ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect, this script is available for you since June 2010.

Agile Carousel

134-agile-carousel This beautiful image carousel was updated on May 14, 2011, it’s highly customizable so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the server are no longer included. New features are added, such as “Control Sets” which allow for a more customizable setup.

Start/Stop Slider

135start-stop-slider There are many helpful improvements with this new slider. It’s not a plugin, so it’s not as easy as it possibly could be, but it’s much easier than the previous version. There is a section at the end for customizing. The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left.

Bullet Proof Content Viewer

137-bullet-proof With this tutorial, you’re going to easily create an attractive and space-saving content viewer which even works with JavaScript disabled. By building a solid core of semantic HTML, styled with some basic CSS and  then use jQuery to add further enhancements in the form of transition animations.

Cycle with a Progress bar

139-cycle-with-a-progress-bar Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle but instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

jFancy Tile

140-fancy-tile This jQuery plugin called jFancyTile is a tile shifting image viewer. It allows you to tranform any list with images to a beautiful tile shifting photo presenter.


141-colorbox Supports photos, grouping, slideshow, ajax, inline, and iframed content. It’s simply 10KB of JavaScript, the appearance is controlled through CSS so users can restyle the box, the behavior settings can be over-written without altering the ColorBox javascript file, it can be extended with callbacks & event-hooks without altering the source files, it’s completely unobtrusive because options are set in the JS and require no changes to existing HTML. Released under the MIT License.

Really simple Slideshow

147-really-simple This is a Really Simple to use Slideshow, it’s free to use under the MIT license and open-sourced, extremely easy to integrate, video support – play YouTube/Vimeo/Hulu/etc. Images and video are resized to fit inside the browser’s window,  plugins to display images from Flickr/Picasa, content can be pre-cachedand multiple instances in the same page may be used. Version 1.4.3 was released on May  17, 2011

JQ Zoom

148-jq-zoom The JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want. Works on all modern browsers and the currently available version is 2.3. which was release on May 3rd, 2011. This software is licensed under BSD. After downloading it, you’ll be able to read the license inside the archive.

jQuery Slider

149-slider-p-lugin This slider will switch between slides using the fade effect. It was last updated on May 19, 2011 and will allow you to create your own jQuery plugin, as one of easy task. You will create your own image slider or any content, not just images.

Lite Content Slider Plugin

150--lite-content-slider Jquery lite content slider is a really a light weight content slider with the ability to slide and any content with high customizability. Among the main features you’ll find that is Light weight,  cross browser support, no CSS and programming knowledge required, can add unlimited slides, Play/Pause feature and  can slide any element any where.

Slider Pack 2

184-slider--pack This is a upgraded version of the Slider Pack, it has amazing features. In the DEMO page, you can switch the background color between black, red, blue and grey. The pictures shown in the sliders are  from an amazing game called Bioshock, that’s hot.


157-slideck This is suchaclean view image slider, it’s organized and support several different kinds of content. The most outstanding features are Full API control with jQuery plugin, unbranded, vertical slides and gives you technical support if you require it.

Li jQuery Slider

158-li-jquery-slider The li jQuery Image Slider/Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease! This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider.


178 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. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.

EO Gallery

182 EOGallery is a web animated slideshow gallery made with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures. By the way, EOGallery is XHTML 1.0 strict valid and almost CSS valid, it has been tested on Firefox, Safari, Internet Explorer 6 and works even with non-javascript and/or non-css browsers. EOGallery has been made for testing purposes, there could be bugs and strange behaviors. Enjoy trying it!

jQuery WaterWheel Carousel

185 This jQuery plugin can display images with a cascading waterfall effect. It can be positioned either horizontally or vertically, and custom events can fired when an image rotates into the center or is clicked. The callback functions can be used to programatically trigger Lightbox-type effects, or load specific content into another region of the website, as you can see there are a lot of possibilities here. Works in Chrome, FireFox, Safari, and IE7+. jQuery tiny Slider 186 This is one of the fresher jQuery there out there in the net, it was launched this year and they’ve already done four upgrades, the last one was on March 15, 2011, so probably in a few months they’ll deliver a new one, however, this tiny slider is so neat, i can’t imagine what could this guys improve in it!


187 ImageCloud is a jQuery plug-in based on Google’s Doodle designed for the Christmas holidays on 2010. Basically it was a bunch of frames with images that, when you mouse over, grow to their real size, it’s one more plugin inspired by the google doodle, so we must keep out eye on what’s google cooking!

3D Gallery view

193 An amazing system displays images with 3D effects. The p