mardi 2 octobre 2012

15 Great Responsive jQuery Slider Plugins

15 Great Responsive jQuery Slider Plugins:
responsive-jquery-sliders
Responsive jQuery slider plugins are great for adding slider effects to responsive websites and templates. As you will see below there are some really good options available.
Lately responsive web design have been one of the most talked about and hot topics and it is easy to understand why. The huge explosion of mobile devices with internet access have made clients ask for mobile versions of their websites. Native mobile apps are however quite costly and dedicated mobile web apps (mobile copies of existing websites) require extra maintenance and cost for delivering the same content. Ethan Marcotte started a snow ball effect with his definition of responsive web design back in May 2010. (you may want to read his article “Responsive Web Design”). Today responsive websites show up everywhere and there are literally tons of building blocks available for creating responsive them faster. One example, besides responsive jQuery sliders, is responsive WordPress themes where you get an entire responsive solution in one package. Many of these themes have responsive sliders integrated already.
In this article you will find some of the best responsive slider scripts available right now. Some are free but there are also great and not too expensive premium options available. Hope you find what you are looking for and that you are going to drop a comment or share the article with your friends and coworkers.



ElegantThemes
Hostgatorhttp://envato.s3.amazonaws.com/referrer_adverts/tf_260x120_v2.gif
ThemeForest
Advertisement 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.

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.
royal-responsive-jquery-slider
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Fotorama

Fotorama is a  simple, stunning and powerful Javascript gallery. You can place it in fixed, fluid and responsive environments and keep your galleries neat.
fotorama
MORE INFO | DEMOby Fotorama (Free Plugin)

jquery Slider Ken Burns Effect Fully Responsive

This Ken Burns enables responsive jQuery Slider is a collection of 4 silder designs: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. See the features and check the live preview of this slider and convince yourself of its quality.
jquery-slider-with-ken-burns-effect
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Flexslider

Flexslider is an awesome, fully responsive jQuery slider plugin with simple, semantic markup, major browsers support, horizontal/vertical slide and fade animations, multiple slider support, Callback API, and more.
flexslider[3]
MORE INFO | DEMOby Woo Themes (Free Plugin)

Ether Grid Slider jQuery Plugin

Ether Grid Slider is a jQuery plugin for transforming any content into grids and/or sliders. You can use it with any type of content such as images, videos, services, testimonials, featured stories or blog feeds to name a few. It comes with many options and can be used as a base for powering various sliders across entire applications.
ether-grid-slider
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Responsive KenBurner Slider jQuery Plugin

Responsive KenBurner Slider jQuery Plugin allows you to add cool responsive slides to your website. A combination of Ken Burns Effect, state-of-the-art Slider, Text Animations and Responsive rebuilding defines this slider. Customize this slider with just a little HTML and CSS to your very needs. Give each slider some captions to transport your message. Use your Ken Burns Animated banner elements with the possibility of playing YouTube and Vimeo clips in a special detail view with describing text.
responsive-jquery-slider-kenburner
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Responsive Image Gallery with Thumbnail Carousel

Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, this plugin implements 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.
responsive-gallery
MORE INFO | DEMOby Codrops (Free Plugin)

Slider Revolution Responsive jQuery Plugin

This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS !
slider-revolution
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Elastislide – A Responsive jQuery Carousel Plugin

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.
elastislide
MORE INFO | DEMOby Codrops (Free Plugin)

CCSlider – jQuery 3d Slideshow Plugin

CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The slider is fully responsive, works in mobile devices and supports touch gestures to navigate through the slides. The plugin also supports HTML captions, autoplay of slides, custom HTML content and custom transitions per slide. See below for a list of features available in the plugin.
ccslider-jquery-3d-slideshow-plugin
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

UnoSlider

UnoSlider is an advanced image and content slider which is built with responsive design and mobile devices in mind. It features unlimited transition animations (really, unlimited!) and a wide range of a features like touch enabled, mobile optimized interface, animated layers, and a lot of other features.
unoslider
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Translucent – Responsive Banner Rotator / Slider

This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. It supports responsive and fluid layouts, touch swipe navigation on iPad and Android tablets and many other awesome features.
translucent-responsive-slider-jquery-script
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Advanced Slider – jQuery XML slider

Advanced Slider is built to be used in a wide range of contexts. Advanced Slider is fully responsive, mobile-ready, SEO -friendly, and offers you the option to use either HTML markup or XML . The plugin also provides an easy to use API which will allow you to further enhance the functionality of the slider and will make it possible to integrate it into your own application.
advanced-slider-jquery-xml-slider
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Megafolio Gallery jQuery Plugin (not a slider, but cool to showcase images)

Megafolio is a highly customizable jQuery Plugin to present your Gallery or Portfolio. It uses the power of jQuery to present your pics in a grid layout with a masonry effect (custom width or 100% width responsive). The detail lightbox shows the elements in original size(or a video) and gives your viewers the chance to use the usual social buttons and read a describing text.
megafolio-gallery-jquery-plugin
MORE INFO | DEMOby CodeCanyon (Premium Plugin)

Blueberry

Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
blueberry
MORE INFO | DEMOby Mark Tyrell (Free Plugin)

Author : Lars Vraa

Aucun commentaire:

Enregistrer un commentaire