JSFiddle - React, Tailwind, and code Playground

by edwo

HTML

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css">
<script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  <div class="result_slider">
    <div><img class="zoom-it" src="http://placehold.it/100x100?text=1"></div>
    <div><img class="zoom-it" src="http://placehold.it/100x100?text=2"></div>
    <div><img class="zoom-it" src="http://placehold.it/100x100?text=3"></div>
    <div><img class="zoom-it" src="http://placehold.it/100x100?text=4"></div>
    <div><img class="zoom-it" src="http://placehold.it/100x100?text=5"></div>
  </div>

JavaScript

$('.result_slider').slick({
    slidesToShow: 3,
    dots: true,
    initialSlide: 2
});