title: Stop slider carousel when touch on tab or mobile for Flexisel – Responsive Carousel
body: <p>Am using flexisel responsive carousel exmaple-3 auto carousel. (Ex: <a href="http://9bitstudios.github.io/flexisel/" rel="nofollow">http://9bitstudios.github.io/flexisel/</a>) Exmaple-3 auto carousel. What i want is to pause the slider on hand touch for mobile and tab devices.</p>
  
  <p>There is code for the desktop to pause carousel on hover.</p>
  
  <pre><code>pauseOnHover: true,
  </code></pre>
  
  <p>But it is not supporting for the mobile and tab devices. When i touched on the carousel in mobile and devices, it is not supporting. Please help on this. <strong>The full flexisel carousel code is given below</strong></p>
  
  <pre><code>$(window).load(function() {
  $("#flexiselDemo3").flexisel({
      visibleItems: 2,
      animationSpeed: 1000,
      autoPlay: true,
      autoPlaySpeed: 6000,            
      pauseOnHover: true,
      enableResponsiveBreakpoints: true,
      responsiveBreakpoints: { 
          portrait: { 
              changePoint:480,
              visibleItems: 1
          }, 
          landscape: { 
              changePoint:640,
              visibleItems: 2
          },
          tablet: { 
              changePoint:768,
              visibleItems: 2
          }
      }
     });
   });
  </code></pre>
  
  <p>Please help </p>