JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js" type="text/javascript"></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
function yourhandler(elements_left, settings) {
var imageNode, container;
if(elements_left === 0) {
// All images were loaded.
// Now do whatever you need with imageNode or its parents (container, etc) in order
// to run any other Plugin
imageNode = $(this);
container = settings.container;
alert('Ready to continue! Image node is $(this) and container settings.container');
}
}
$('img.lazy').lazyload({
container:$('.p_content'),
load : yourhandler
});