Search code examples
jquerymobilecarouselmobify

Mobify carousel direction


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?


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