Because jQuery effects work wonders in our designs, it makes sense that we take steps to acquire a size-able collection of ready to use plugins in various categories. To make things easy, we are showcasing a substantial array of awesome jQuery effects web designers and developers must have so that they can save time in finding the right solution for their design concepts.
Take a look at this amazing round-up of jQuery Slider Plugins!
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.
jQuery Slider and Effects Index
Since many of our readers use WordPress one way or the other we have decided to add some WordPress jQuery Slider plugins at the end. These are not a lot different but simply makes it easier to use the sliders in your WordPress site.
JQuery Slider, Slideshow and jQuery Carousel Effects
1. LAYERSLIDER (MUST SEE EFFECTS)
This is a jQuery content slider using the famous parallax-effect! You can create as many layers and sublayers as you want. You can use images or any other HTML elements, including Flash movies as layers. The script is very user-friendly, you can add global settings or local (per slide) settings to each layer or sublayer. You can change delay times, easing types, durations and much more.
With SlideDeck, you can organize any type of web content into a beautiful and user-friendly slider. Recently a WordPress version of this popular slider was made available, called SlideDeck2 and it is worth checking out for sure!
3. HTML5 JQUERY SLIDER
This effect creates progressively enhanced slideshow with a fancy transitioning effect.
4. AVIA SLIDER
This plugin features 8 unique transition effects, image preloader, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
5. ESTRO JQUERY EFFECT SLIDER
This slider includes a smooth and powerful Ken Burns effect which is completely configurable and compatible with all major browsers (including ie7 to ie9, Firefox Chrome, Opera, Safari) and mobile platforms like iphone / ipad. If the Ken Burns effect is not your thing, that’s OK because the “Estro” slider also includes a 2-way “Swipe” mode with configurable transitions.
6. SEXY SLIDER
7. HIGHSLIDE JS
8. jQuery OneByOne Slider Plugin
The OneByOne Slider is a lightweight jQuery plugin you can use to display your image and text one by one. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device like iPhone & iPad. You can drag and drop to navigate with your mouse too.
9. FACTORY GALLERIES
You can create all Galleries you want with elegance and style. The sliding wffect for both images and text is pretty cool.
Supersized jQuery plugin is a full screen background and slideshow that you can use to satisfy the craving of your clients for big and wonderful pictures.
11. jQuery Drag Expose | Draggable Image Gallery
Show your photos in a different way – Let the user drag & drop them to slide the gallery!
The animation of the sliding element of this plugin either show or cover up the viewing area, thus creating the sliding effect.
13. JQUERY BANNER ROTATOR / JQUERY SLIDER
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.
Saloon is a jQuery Banner Rotator which animates your image and text slides with transition effects of the wide library. Easy installation, great transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Give each slider a description and more elements to transport your message.
The touch style drag and rool feature if pretty cool.
Thumbnails Navigation Gallery with jQuery is an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It has a menu of albums where each item can reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or the right.
Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps.
This slider has thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo.
Sideways is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.
19. Nivo Slider
Nivo slider is an awesome jQuery slider that features smooth transition, keyboard navigation and html captions.
Slick Auto-Playing Featured Content jQuery slider has is a main content area, which slides from left to right each with different unique content.
You can see your images as if it were stacked one on top of the other with this glamorous effect.
With DualSlider, you can slide your images while leaving a space for the description and other details.
23. 3D ROTATION VIEWER
This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.
Piecemaker is a open source Flash image slider that displays images with 3D slice effects. The slide images can be configured from a XML file like setting the tween type, distance, time, delay, etc.
This jQuery effect has some sort of a container which has a moving background, but only set of letters is visible of the background. It will be as if there are holes in your container.
28. Magic Scroller
Scroll your elements with this nice effect which is easy to install. With magic scroller, you can scroll your display vertically to expose its elements, iframes, or imáges. As a precondition all the elements have to be of equal size, and the mask needs to be proportional to the elements per row.
jQuery Animated Innerfade is slideshow based on the work of Torsten Baldes. It has additional functions: slide effect on large images, ‘prev’, ‘pause’, ‘next’ functions, an optional background frame, and a title panel.
PikaChoose is a lightweight jQuery slider plugin allowing for easy presentation of photos with carousels and lightboxes! Pikachoose is designed to be easily installed and easy to setup.
MopSlider can accommodate any number of items. It is also very easy to use.
Slinky Slider is a jQuery plugin that loads HTML files into panels to be shown inside a nominated <div>. Once the panels have been loaded, all bar one are collapsed. An automatic animation cycles through the panels showing the content of each in turn. When the user mouses over a panel, it expands and the automatic animation stops. The panels can contain full HTML, or just image references.
This plugin allows you to easily animate any series of elements, by sequentially scrolling them. It is a very unrestricted plugin, that lets you customize pretty much everything from outside. You can use horizontal or vertical scroll. This jQuery.SerialScroll doesn’t have one definite purpose. It’s generic and adaptable. You can certainly use it as a screen slider and text scroller. You can even build an automatic news ticker.
34. Anything Slider
AnythingSlider brings together the functionality of all previous sliders and their features.
This jQuery effect, zooms your images inside a beautiful gallery once your mouse is on top of it. It does so in a flashy zoom style.
In this jQuery effect, each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets tended to be highly clustered, zooming into select subregions was possible.
This jQuery effect that can be used as a gallery to where pictures can be presented in a nice slide that automatically changes pictures the moment a mouse is on top of a navigation button.
This effect features elements that can be dragged and icons and buttons that zoom in when the mouse run on it.
This effect is an easily configurable set of contextual slideouts. Each can be opened in one of four directions – bottom-right (default), bottom-left, top-left and top-right, and each can be in one of three colors – green (default), blue, and red.
Changing the background can be done using this effect. A nice textbox can also be added to show information which is simultaneously displayed with the background.
You can create an effect where pictures are animated to look like they were discarded one after the other by clicking. This is made using z-index and jQuery.
This is a beautiful navigation that has a background image slide effect. It has three list items that contain the same background image but with a different position. The background image for each item is animated to slide into place in different times, creating a really nice effect.
44. Morphing Gallery
A gallery that “morphs” images between transitions.
45. Slide Thumbs
With jQuery and some lines of jave-script code, you can turn your boring image viewer into a cool and elegant feature to wow your visitors. This is what this Slide Thumbs can do.
Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.
A simple slider/slideshow which mostly emulates the one on iTunes barring few changes.
Minimalistic Slideshow Gallery with jQuery is a beautiful slideshow gallery that can be easily integrated in your web site. It has a container with a slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.
This awesome effect works like a little widget that can be used to show related posts in any page. It shows a fixed list at the right side of the screen with some thumbnails sticking out. When the user hovers over the items, they slide out, revealing the title and two links, one for the related article itself and one for the demo.
This acts as a news previewer that lets you show your latest articles or news in a compact way. The news previewer will show a list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.
You can create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio using jQuery.
53. BxSlider 2.0
BxSlider is a jQuery content slider and image slideshow that features horizontal, vertical, fade transitions and display and move multiple slides at once (carousel).
54. Lof JSliderNews
Use this stunning slider to entertain your readers while scrolling what feature your website has. It has a very smooth user interface that gives your image an added aesthetic appeal.
An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery.
56. Cloud Carousel
This carousel features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image.
57. Control Tabs
YoxView is a free Lightbox-type media and image viewer jQuery plugin. It’s easy to use and feature-rich.
BlogslideShow is a free open code JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.
jQuery Tiny Slider is a small and lightweight jQuery-plugin to create simple inline slideshow.
61. jReel Gallery
This little jQuery image gallery plugin recreates the standard built-in window scrolling with a smooth easing effect.
Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scrolling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling.
The s3Slider jQuery plugin is slideshow that displays objects with layers that can be positioned anywhere over it.
As the name suggests, this plugin works by sliding down the panel to reveal the log-in box when clicked.
This cool slideshow has a very smooth animated transition and customizable animation orchestration that works great in all popular browsers.
jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.
This amazing effect flips the object in several views and angles without sliding. This is a nice way to impress your clients.
FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.
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.
This scroller is different from others because it is completely autonomous and will begin scrolling once the page loads.
71. Coin Slider
This jQuery slider features smooth transition effects and is compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
This popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image.
1. UBILLBOARD WORDPRESS 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. Make sure you see this WordPress Slider demo in action!
2. WORDPRESS LI JQUERY SLIDER
liJQuery Image Slider plugin for WordPress is carefully crafted slider/banner image rotator, full of features, easy to install and customize. It comes with intuitive – user friendly WordPress admin interface.
3. SLIDER PRO – WORDPRESS SLIDER PLUGIN
Slider PRO is one of the most powerful slider plugins for WordPress on the market (some buyers have been saying that it’s actually the best). The slider offers you 100+ customizable properties, 100+ possible transition effects, 10+ skins and much more. Also, the slider’s administration area is very powerful and uses the default WordPress design, which WordPress users are already familiar with. This slider plugin is carefully coded, using WordPress development best practices, to avoid conflicts with other themes and plugins that are well coded. Please take a look at the list of features at the feature page and visit the slider’s demo page.
4. CCSLIDER WP
CCSlider WP makes it easy to embed the CCSlider jQuery slideshow plugin in your WordPress theme. CCSlider is an unique slideshow plugin because of the fact that it supports 3d transitions! There are 10 stunning 3d transitions available, and also 10 stylish 2d transitions.
5. SLIDER EVOLUTION FOR WORDPRESS
6. SUGAR SLIDER – WORDPRESS SLIDER
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 on of the most advanced and powerful WordPress slider manager.
7. ESTRO – JQUERY WORDPRESS SLIDER
“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. See the WordPress slider demo in action.
8. DDSLIDER for WORDPRESS
Manage your slides the way you want, don’t depend on pages and posts. Upload Images via AJAX direct from the slide manager page. Over 11 different transitions
9. KEN BURNS WORDPRESS SLIDESHOW
With cool features and effects this WordPress slider can become the perfect way to showcase your products.
10. WORDPRESS SLIDER GALLERY SHORTCODE
This plugin creates a new shortcode for WordPress. With this new shortcode, you can create a slider gallery in seconds just by typing [slider] while you’re writing your post or page. The slider will display the images that you have uploaded to the current post or page. If you need more options, this simple shortcode features multiple attributes that you can set
11. WORDPRESS ANYTHING SLIDER / BANNER MANAGER
12. WP Slideshow Gallery
With the WordPress slideshow gallery plugin you can embed a slideshow gallery into any WordPress post/page with the use of the “sideshow” shortcode. You can hardcode a slideshow gallery into any of the PHP files of your WordPress theme using just a few lines of code. This WordPress Slider plugin have thumbs below the image being presented, text overlay and looks pretty cool – and then it is completely free.
13. SMOOTH SLIDER
RoyalSlider for WordPress is a cross-device jQuery content slider with touch-based navigation and fluid layout. It has user-friendly admin area where you can manage slides, change slider settings, customize interface and add blocks-captions using custom WYSIWIG editor.
15. FEATURED POSTS WORDPRESS SLIDER
Show off your content the real way – in a slider! This WordPress slider includes 6 predefined layouts and allows you to customize layouts with 18 variables. Intuitive admin GUI with inline help. Try the preview now.