JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css">
<div id="slider">
    <div>
        <img         src="https://lh6.ggpht.com/yMvlMx1xuOa7eyam7qCZOggy92Dm3cRdymuUMIDlhcizfhAuT0t1eCWpLsIuCu_I9YE=w300" alt="" />
    </div>
   <div>
       <img src="http://www.techfigs.com/wp-content/uploads/2015/02/Smiley-face-emoticon-575.jpg" alt="" />
   </div>
   
   <div>
       <img src="http://3.bp.blogspot.com/-BkqPeE9AzLw/U5VI5lQ7YBI/AAAAAAAAIB8/NVyQCJBrD0w/s1600/winking-emoticon.png" alt="" />
   </div>
    
    <div>
        <img data-lazy="https://s-media-cache-ak0.pinimg.com/736x/4e/5c/f7/4e5cf7d4ccb9c59b6620a9c71944d51e.jpg" alt="" />
    </div>
    
    <div>
        <img data-lazy="http://cdns2.freepik.com/free-photo/stock-tongue-out-emoticon-vector-icon_18-9961.jpg" alt="" />
    </div>
    
    <div>
        <img data-lazy="http://www.femoticons.net/images/posts/sunglasses_smile.png" alt="" />
    </div>
</div>

CSS

img{
    width:100px;
    height:100px;
}

JavaScript

$("#slider").slick({
    lazyLoad:'ondemand',
    slidesToShow:3    
});