JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
<div id="main">
    
<div class="p_outer_content">
    
    <div class="p_content">   
        <a href="#"><img class="lazy" src="http://www.appelsiini.net/projects/lazyload/img/grey.gif" data-original="http://img.ffffound.com/static-data/assets/6/36d489f017e0236bda2d1e5854fe4b8db0ca1159_m.jpg" /></a>
        <a href="#"><img class="lazy" src="http://www.appelsiini.net/projects/lazyload/img/grey.gif" data-original="http://img.ffffound.com/static-data/assets/6/a7e3f1e4fe7921bc7387799000acc82ea84d35e3_m.jpg" /></a>
        <a href="#"><img class="lazy" src="http://www.appelsiini.net/projects/lazyload/img/grey.gif" data-original="http://img.ffffound.com/static-data/assets/6/0653e0015442240069f6bce324f31e809dcf39af_m.jpg" /></a>
        <a href="#"><img class="lazy" src="http://www.appelsiini.net/projects/lazyload/img/grey.gif" data-original="http://img.ffffound.com/static-data/assets/6/a4a8883b45b93a1e841b2a22d49bc96986cd2ef6_m.jpg" /></a>
        <a href="#"><img class="lazy" src="http://www.appelsiini.net/projects/lazyload/img/grey.gif" data-original="http://img.ffffound.com/static-data/assets/6/2d2b73cdeb9c7eec1839b8adf814fe936afdf90a_m.jpg" /></a>
        <a href="#"><img class="lazy" src="http://www.appelsiini.net/projects/lazyload/img/grey.gif" data-original="http://img.ffffound.com/static-data/assets/6/0ddda0cb22305b1b1b4ae9f0441541a989723c22_m.jpg" /></a>
    </div>
</div>
    

    
</div>

CSS

#main{width:1000px;height:300px;background:#ef9;}
.p_outer_content{float:left;height:100%;width:200px;border:1px solid red;overflow:auto;}
img{width:100%;}

JavaScript

$('img.lazy').load(function() {
console.log($(this).attr('src') + ' loaded');
});


$('img.lazy').lazyload({
    container:$('.p_content'),
    //load : yourhandler
});