Responsive design is in demand due to the rise of mobile technologies nowadays. As a web designer we can’t afford to lose one visitor from mobile and tablet devices. Whenever you plan to develop responsive websites which comprise ample photos or images, it’s best to use image gallery/slider for these contents. Integrating these sliders in your site keeps images more manageable and organized. With so many image sliders arising in the web nowadays, it’s not easy to choose the best for your site. Nonetheless, worry no more, here’s a roundup of Responsive Jquery Image Slider/Gallery which you can use for your next fabulous web project.
A 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.
2. FlexSlider 2
An awesome, fully responsive jQuery slider toolkit.
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.
Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified.
Simple & lightweight responsive slider plugin (in 1kb)
Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!
Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up.
wmuSlider, a jQuery responsive slider
iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery.
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
iView is easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. Easily add unlimited number of slides and captions. Use it as image slider, image gallery, banner rotator, banner ads, or even presentation.
12. Photo Swipe
Responsive jQuery content slider
Swiper – is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps. Designed mostly for iOS, but also works on Android and latest Desktop browsers.
15. liteAccordion v2
Lightweight horizontal accordion plugin for jQuery
16. Bounce Slider
BounceSlider is a tiny jQuery plugin that allows to create simple slideshow using images inside ul. It depends on jQuery and Modernizr to work properly in browsers which don’t support css animation.
A flexible slider plugin. Fluid, touch-compatible and extendable.
18. Camera Slideshow
A jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+
Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are available, more to come!
20. Nivo Slider
The world’s most awesome jQuery & WordPress Image Slider
A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.
This slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.
A jQuery-based script for responsive carousels that work with mouse, touch, and keyboard.
jQuery Plugin for creating image galleries that scale to fit their container.
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides.
You may also want to read the related articles below.
You like this post? Why not share it with a buddy?Tweet