The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders. It’s a very effective method to increase the web site usability and engage the user.
You may like this:
Collection of the best jQuery Images Slider Plugins that would help you to organize and display your images, contents on your websites and make them responsive so that they can viewable on mobile devices as well.
If you are looking for best free Responsive jQuery Sliders and Slideshows Plugins for your website. Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using jQuery. Enjoy !!
These images are jpgs masked using a CSS transform method (and a filter method for IE). They are completely responsive and support the following desktop browsers; Chrome, Safari, Firefox, IE 8+, and mobile browsers; IOS 3+, Android 4+.
A jquery plugin to which pops or shows a slide with detailed description of the image on click. The idea has been taken from Google images preview.
Responsive jquery image slider
Useful.Gallery.js: Pinboard Gallery
Using css3 animations and ajax loading, this plugin displays a unique pinboard style gallery which allows multiple options to show images, descriptions etc.
Display Text or images or both
Expandable Image Gallery
A beautiful gallery plugin which expands on click to showcase a full page preview. A great tool to include in your eCommerce product pages.
Full screen preview
Major Browser support
Jssor Responsive Slider
Recently came across this fully functionally jquery slider and it does its work well. There are limitless slider opportunities which can be unlocked with this open source slider plugin.
Responsive Slider Design
Over 15 Slider options
More than 15 image transition effects
Image gallery, carousel, full width support
Vertical , Banner rotater, listing slider.
PgwSlider – Responsive slider for jQuery / Zepto
A single purpose and minimal image slider which is made for just showcasing image slides and nothing more. It is minimal because the jquery code is around 2.5KB making it loading time to a new level.
All browser support
Simple fade transition
2.5 KB zipped
Jquery Vertical News Slider
A jquery slider which is responsive and useful for news based websites with slides automated on the left and images displayed on the right.
Vertical News switches
This slider has no jquery but i like to introduce it you people since it is minimal in nature and best options for faster page loads. Let me know if you like this one.
Responsive slider layout
Flat-style Polaroid gallery
A scattered style gallery with responsive design and flat looks will interest many of us. This gallery is better suited for tablets and bigger displays.
Full source code available
CSS3 transitions (fade)
Set audio on each slide
Slide any content, not just images
No dependencies except jQuery;
Works well with Twitter Bootstrap if required
HiSlider – HTML5, jQuery & WordPress Image Slider Gallery
Hi Slider introduced a free jQuery slider plugin for personal use to create fancy image sliders with fantastic image transitions.
WOW Slider is a responsive jQuery image slider with amazing visual effects (Domino,Page, Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack,Stack vertical, Basic linear, Cube and Seven) and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. WordPress slider plugin and Joomla slider module are available also.
Nivo Slider – Free jQuery Plugin
The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning. The Nivo Slider jQuery plugin is free to download and released under the MIT license.
Simple multi-item jQuery slider + Tutorial
The idea was inspired by the Apple product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider.
Full width jQuery image slider
A very simple 100% width slider that scales down to mobile. This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.
Elastic Content Slider + Tutorial
A fluid content slider that will adjust in width and height depending on the size of its parent. This Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small.
Free 3D Stack Slider
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
Fullscreen Slit Slider with jQuery and CSS3 + Tutorial
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.