Recommend a jQuery responsive carousel / slider

jquery carousel
Marcin Bobowski picture Marcin Bobowski · Apr 23, 2013 · Viewed 19.6k times · Source

I'm searching for a ready jQuery plugin (free or payed), that would allow me to create "responsive carousel" with touch support.

The way it should work is to show current image in middle of a site (defined width and height of image, fixed for all images, image centered vertically, height of carousel/slider doesnt change with browser width), and partly or fully visible next image on right, previous on left. When browser is getting bigger, more and more of those "cut out" images would be seen, if browser is big enought, 3 photos would be seen fully, and next one will be cuted on right and previous on left. Images would look like a filmstrip, with one image in middle, and as much other images visible on left and right, as browser window allows.

This image shows how this carousel should behave in various browser widths... Darkest boxes are photos aligned horizontally, lighter boxes outside of them shows diffrent browser window heights: enter image description here

For those who have problems with visualing what I'm talking about, next screens show how it should look width browser windows width 1920px, 1800px 1600px and 1400px. Those are crops from entire site fullfilling entire width of a browser. enter image description here enter image description here enter image description here enter image description here

Answer

iococoi picture iococoi · May 1, 2013

i was searching for something quite similar the last few days. my favorites so far

Royal Slider

http://dimsemenov.com/plugins/royal-slider/visible-nearby/

this one got everything. touch support, highly customizable, responsive layout..you should be running in no time. price tag would be 12$.

carouFredSel

also quite powerful, touch is supported, but not as carefree and elegant as the royal slider does, but then again, its free..they have a really nice showcase page with various carousels based on their plugin..

this one might be of some interest.. http://coolcarousels.frebsite.nl/c/2/

Related questions

Bootstrap carousel multiple frames at once

This is the effect I'm trying to achieve with Bootstrap 3 carousel Instead of just showing one frame at a time, it displays N frames slide by side. Then when you slide (or when it auto slides), it shifts the group …

Read More
Owl Carousel, making custom navigation

So i have an Owl Carousel that contains three images. I also added custom navigation arrows (.png images) on left and right sides. However, those arrows are currently useless, because I can't find a way to actually make them switch …

Read More
How to make Bootstrap carousel slider use mobile left/right swipe

DEMO JSSFIDDLE <div class="col-md-4"> <!--Carousel--> <div id="sidebar-carousel-1" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators grey"> <li data-target="#sidebar-carousel-1" data-slide-to="0" class="active"></li> <li data-target="#…

Read More