title: How to stop Slick Slider autoplay on click and drag
body: <p>I'm using Ken Wheeler's Slick and want to set autoplay on false when the user either clicks on slick-prev or slick-next or drags the carousel left or right.</p>
  
  <pre><code>slick = $('.slick').slick({
          slidesToShow: 3,
          slidesToScroll: 2,
          autoplay: true,
          autoplaySpeed: 2500,
          dots: false,
        });
  </code></pre>
  
  <p>I tried the following</p>
  
  <pre><code>$('.slick-prev, .slick-next').on('click', function(){
          slick.slickSetOption('autoplay', false, false);
  });
  </code></pre>
  
  <p>And</p>
  
  <pre><code>$('.slick-prev, .slick-next').on('click', function(){
          $(slider).slick('slickSetOption', 'autoplay', false, false);
      });
  </code></pre>
  
  <p>Both did not work, and I'm not sure how to look for a draggable event.</p>