Question

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?

Was it helpful?

Solution

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) {}
});

OTHER TIPS

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

if (dx > 0) {
self.prev();
} else {
self.next();
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top