0

I am using Mobify carousel for a mobile template

When the direction is changed to rtl, the swipe is not working correctly. is there any fix for this?

Andre Silva
  • 4,782
  • 9
  • 52
  • 65
Felix A J
  • 6,300
  • 2
  • 27
  • 46

2 Answers2

1

Have you thought about using http://swipejs.com/ instead of mobyfy, it has out of the box left/right and right/left support

All you need to get started is something along the lines of

<div id='slider' class='swipe'>
  <div class='swipe-wrap'>
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>

window.mySwipe = new Swipe(document.getElementById('slider'), {
  startSlide: 2,
  speed: 400,
  auto: 3000,
  continuous: true,
  disableScroll: false,
  stopPropagation: false,
  callback: function(index, elem) {},
  transitionEnd: function(index, elem) {}
});
Reuben Tanner
  • 5,229
  • 3
  • 31
  • 46
  • If swipejs doesn't strike your fancy, there's a bunch of them listed here http://vandelaydesign.com/blog/tools/jquery-carousel-plugins/ – Reuben Tanner Sep 24 '13 at 14:33
0

the issue was solved by changing left and right in the below code

if (dx > 0) {
self.prev();
} else {
self.next();
}
Felix A J
  • 6,300
  • 2
  • 27
  • 46