jQuery-Waterwheel-Carousel: How to add touch events features for ipad support

[vjaygaikwad]

Any body please i want to add touch events features for ipad support.

[bkosborne]

Which touch events? The click events for moving the carousel to a different item are already supported. How would a touch event be useful here? To slide your finger and have the carousel move?

[Darknior]

Yes, i think he speak about a drag event.

[vjaygaikwad]

yes, in latest version can I get carousel move with slide ?

[jamesalmeida]

I am trying to figure this out too so it will be more useable on mobile devices.

[zdanovskiymihail]

I also faced with this problem. The solution I found is binding carousel api functions with jquery swipe events:

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
<!-- we need juery.mobile for swipe events. You can replace jquery version with yours. -->

<script type="text/javascript">
    $(document).ready(function() {
        var carousel = $("#carousel").waterwheelCarousel(/* your options here*/);
        $("#carousel").on("swipeleft",function(){
          carousel.next();
        });
        $("#carousel").on("swiperight",function(){
          carousel.prev();
        });
      });
</script>

Where carousel is id of your carousel block.

[vjakovlev]

@zdanovskiymihail

Where carousel is id of your carousel block.

Can you explain more please? I don't get it :D