Slick-carousel

Documentation and styling of image slider with Slick Carousel. You can slide image in two direction both vertically and horizontally with Slick slider

Slick carousel documentation
Slick Carousel
<div class="row overflow-hidden justify-content-center">
  <div class="col-lg-5 col-8">
    <div class="slick-carousel slick-theme-primary slick-vertical-dots" data-slick="{&quot;arrows&quot;:true,&quot;verticalSwiping&quot;:true,&quot;autoplay&quot;:false,&quot;autoplaySpeed&quot;:300,&quot;slidesToShow&quot;:2,&quot;slidesToScroll&quot;:1,&quot;dots&quot;:true,&quot;vertical&quot;:true}">
      <img class="rounded my-3" src="../assets/img/team/1.jpg" alt="" width="200">
      <img class="rounded my-3" src="../assets/img/team/2.jpg" alt="">
      <img class="rounded my-3" src="../assets/img/team/3.jpg" alt="">
    </div>
  </div>
</div>
Stylesheet
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css">
Javascript
<script src="../assets/lib/slick-carousel/slick.min.js"></script>

Start building beautiful apps

Contact

369 ape view Avenue

Brooklyn, NY

369 ape view Avenue

Mon - Fri 9am - 5pm

+91 3929 3355

Brooklyn, NY

Subscribe

Latest Shape news, articles, and resources sent straight to your inbox every month.

We’ll never share your details. See our Privacy Policy

Made With by ThemeWagon