Make Carousel swipe-able

[ShaggyDude]

Is this a good idea or no?
Or, is there a good library out there that would fill this need?

[ibrent]

try swipejs.com
https://github.com/bradbirdsall/Swipe
try the branch for swipe2

[fat]

While i think adding swipe support is awesome, don't think it should be bake into the core of the plugin. Definitely something which should live in a mobile extension. :)

[ibrent]

Bummer. I disagree since touch devices are in everyone's pockets and are coming to most screens near you. The amount of touch code is small but adds usable functionality which people will soon expect from modules like sliders etc. I thought that Bootstrap was built for both today and the future.

[fat]

The reason is that swipe is an enhancement (a cool one, but still an enhancement). If carousel didn't work at all, it would be a different story.

[ibrent]

OK I understand. It's your ship and you are the captain. And it's a rockin good ship by the way - thank you.

I like Chris' touch carousel addition and would love it as a mobile extension. I also bet you a delicious beverage of your choice that within 9 months you will be adding touch events into the core.

[fat]

well if @pamelafox keeps up the crossfit she might just bully me into it :)

[ibrent]

Understood. :D

[andyburke]

It's a shame this is closed. It would be nice to have this by default. Instead I am looking at having to roll my own with swipe.js or something else. The pull request looks like a really nice addition.

[briznad]

With the move to Bootstrap 3 and the mobile-first approach, perhaps this is no longer an enhancement, but something that should be baked into the carousel core.

[johannesnagl]

+1

[naoufal]

+1

[JadH]

How about having it as an option?
Keep the current one and add the swipe on its own?

[briznad]

For those wanting an interim fix, the following tutorial (not mine) provides an easy workaround:
http://lazcreative.com/blog/how-to/how-to-adding-swipe-support-to-bootstraps-carousel/

[lukebrowell]

+1 this is not just needed for mobile, it's for all touch enabled devices, including tablets, and future hybrids like microsoft surface

[kieste]

+1

[tector]

+1

[kieste]

The JQMobile solution doesn't work on my iPhone with current WIP Bootstrap 3 !?
But this one works for me out of the box: http://www.netcu.de/jquery-touchwipe-iphone-ipad-library

$(window).load(function(){
    $("#myCarousel").touchwipe({
        wipeLeft: function() { $("#myCarousel").carousel('next'); },
        wipeRight: function() { $("#myCarousel").carousel('prev'); }
    });
});

[boulox]

@kieste look nice did you give it a shot on android or windows mobile?

[kieste]

Tested on Galaxy S II with Chrome. Works like a charm.
Had to set "preventDefaultEvents" to false so that vertical page scrolling still works when moving up and down on the carousel.

[marygutz]

+1

[ghost]

+1 for adding to the core.

[ghost]

+1

[chrisdewar]

+1

[ixisio]

drop in replacement for twbs carousel to enable gestures on touch devices:
https://github.com/ixisio/bootstrap-touch-carousel

have fun,
Cheers

[qasimzahoor-developer]

i have searched lot but i can not find solution for my website http://www.awaak.com/ , is there any fixation for carousel without including any extra css or js files,

[juthilo]

Please refer to StackOverflow for additional discussion, as there's nothing to do here on Bootstrap's side.