50 Amazing jQuery Slider Plugins for Perfect Portfolio Website
Have a good portfolio website is essential for you, whether you’re a freelance, student or unemployed. You need to showcase your best work and allow people to contact you. The one way to have a good portfolio website is by engage the visitors with your design showcase. And implemented jquery image gallery and jquery slider on your portfolio website is the best way to achieve this. This feature is commonly used in portfolio sites, corporate sites or personal blogs.
In this article you’ll find 50 Amazing jQuery Slider Plugins collection that you can implement into your portfolio website. Or if you’re interested in learning how to create your own slider, previously we have collected 70+ jQuery Slider Tutorials to Make your Online Portfolio Stand Out.
TN3 Gallery – jQuery Slider and Image Gallery
by TN3 Gallery
A jQuery slideshow plugin, TN3 Gallery is a full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers.
– Multiple transitions/effects
– Slideshow options
– CSS Skinning
– Full-screen option
– See all features
Easy Slider 1.7 – Numeric Navigation jQuery Slider
by Alen Grakalic
An update of easySlider plugins with 2 new features:
- numeric navigation (as an alternative to next/previous buttons)
- continuous scroll instead of jumping to the first (or last) slide
RoyalSlider – Touch-Enabled jQuery Image Gallery
RoyalSlider is easy to use jQuery image gallery with animated captions, responsive layout 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. For wordpress version, here.
by Digital Telepathy
An amazing content slider: SlideDeck – A Better Way To Provide Content On The Web with the goal is to make it easier for users to digest and understand the content of a website.
slideViewer (a jQuery image slider built on a single unordered list) 1.2
by Gian Carlo Mingati
SlideViewer is a lightweight (3.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images
jqFancyTransitions – slideshow with strip effects
by Ivan Lazarevic
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.
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.
It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images.
Presentation Cycle – Cycle with a progressbar
Presentation Cycle is a variation on the functionality of jQuery Cycle script. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.
The world’s most awesome jQuery & WordPress Image Slider, with features:
- 16 unique transition effects
- Simple clean & valid markup
- Loads of settings to tweak
- Built in directional and control navigation
- Packed version only weights 12kb
- Supports linking images
- Keyboard Navigation
- HTML Captions
- 3 Slick Themes
- Free to use and abuse under the MIT license
jQuery Easy Slides v1.1
Advanced Slider – 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. For wordpress version, here.
Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery. Horinaja is innovative because it allows you to use a mousewheel for navigation.
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.
by OVIDIU CHERECHEȘ
Smooth Div Scroll
by Thomas Kahn
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. Unobtrusive and smooth is the key here.
Supersized jQuery Plugin
by Sam Dunn
Supersized is a fullscreen background slideshow built using the jQuery library.
by Jeremy Fry
A simple jquery plugin to slideshow your image gallery.
UnoSlider – Responsive Touch Enabled Slider
UnoSlider is a jQuery content slider plugin with an unlimited transition animations (really, unlimited!) and a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features.
bxSlider is a content jQuery slider with features:
- Horizontal, vertical, and fade transitions
- Display and move multiple slides at once (carousel)
- Prev / next, pager, auto controls
- Easing transitions
- Random start
- Ticker mode
- Before, after, first, last, next, prev callback functions
- Optional styling included
- Tons of options
by Gian Carlo Mingati
slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.
by Nathan Searles
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.
Simple Controls Gallery v1.4
by Dynamic Drive
Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? 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.
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.
s3Slider jQuery plugin
by Boban Karišik
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script.
by New Signature
jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set.
Elastislide – A Responsive jQuery Carousel Plugin
by Mary Lou
Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousels structure into a container with a fluid width will also make the carousel fluid.
Orbit: A Slick jQuery Image Slider Plugin
Sick of confusing and bloated image sliders that never work? Rock ZURB’s Orbit for a mere 4KB.
LayerSlider – The Parallax Effect Slider
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.
jQuery UI Slider
An amazing jQuery UI Slider, this plugin uses progressive enhancement to replace an already-functional HTML select element with a jQuery UI slider control, and adds a number of features for both visual users and those on assistive technologies.
by Tyler Smith
An awesome, fully responsive jQuery slider plugin. With features:
- Simple, semantic markup
- Supported in all major browsers
- Horizontal/vertical slide and fade animations
- Multiple slider support, Callback API, and more
- Hardware accelerated touch swipe support
- Custom navigation options
- Use any html elements in the slides
- Built for beginners and pros, alike
- Free to use under the MIT license
by d. drew design
A super simple jQuery Slideshow plugin, with features – EASY – SMALL – FLEXIBLE – NEAT
Sliding Image Gallery jQuery Plugin
by Justin Mead
The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner.
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.
by Mark Tyrrell
A jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
by Ivan Lazarevic
A jQuery image slider with unique effects, and the other features:
- Free to use under MIT licence
- Compatible with Android and iPhone
- Unique transition effects
- Valid markup
- Flexible configuration
- Auto slide
- Navigation box
- Lightweight (8kb only)
- Linking images
- Fully customizable using CSS
by Christoph Schüßler
by Jack Moore
A lightweight customizable lightbox plugin for jQuery 1.3+
jQuery Slider Evolution
by Niall Doherty
A jQuery slider plugin that aimed to mimic the slider effect on the promo page for Panic’s Coda software.
AnythingSlider jQuery Plugin
by Chris Coyier
A really full featured slider so it could be widely useful, with features:
- Slides are HTML Content (can be anything)
- Next Slide / Previous Slide Arrows
- Navigation tabs are built and added dynamically (any number of slides)
- Optional custom function for formatting navigation text
- Auto-playing (optional feature, can start playing or stopped)
- Each slide has a hashtag (can link directly to specific slides)
- Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
- Multiple sliders allowable per-page (hashtags only work on first)
- Pauses autoPlay on hover (option)
- Link to specific slides from static text links
jQuery Multimedia Portfolio
by Arnault Pachot
Non obstrusive and accessible portfolio supporting multiple media : photos, video (youtube and flv), audio (mp3), and pdf documents.
This plugin for jQuery will automatically detect the extension of each media and apply the adapted player.
jQuery Cycle Plugin
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.
Estro – jQuery Ken Burns & swipe effect slider
“Estro” meaning “creativity”, “talent” or “inspiration”, in Italian, is a fitting monicker for this beautiful 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.
ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It work with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don’t natively support it. Only dependency is jQuery and that all the images are same size.
by Brice Lechâtellier
A jQuery responsive slider. Please keep in mind that it’s still very raw (really) and under the MIT LICENSE, which basically means: break it, steal it but THE STUFF IS PROVIDED “AS IS”!
FSS – Full Screen Sliding Website Plugin
by Ed Talmadge
Implement your slideshow with the Agile Carousel JQuery plugin. Highly customizable so you can build according to your requirements.
jQuery Slider plugin
by Egor Khmelev
jQuery Slider is easy to use and multifunctional jQuery plugin that supports any webkit based touch mobile devices such as iPhone/iPod/iPad and Android.
jQuery Carousel Evolution
jQuery Carousel Evolution is a jQuery plugin that allows you to easily create powerfull carousel slider using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel.
by Thiago S.F
A jQuery slideshow plugin for anytime, included plugin for wordpress.