JSFiddle - React, Tailwind, and code Playground

by wimp9487

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/17.8.3/lazyload.min.js"></script>
<img alt="A lazy image" class="lazy" data-src="https://plus.unsplash.com/premium_photo-1691598047047-283ce7f63887?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyfHx8ZW58MHx8fHx8&auto=format&fit=crop&w=500&q=60" />
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1691404659370-2763fc48ec86?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=387&q=80" />
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1682686578456-69ae00b0ecbd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=387&q=80" />
<img alt="A lazy image" class="lazy" data-src="https://plus.unsplash.com/premium_photo-1691592665486-d7293f768bf7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=387&q=80" />
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1691529789639-9b6bcf0e1e8c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80" />
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1691568504055-6a2835ccc935?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=366&q=80" />
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1691689761334-3354040b72be?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=387&q=80" />
<img alt="A lazy image" class="lazy" data-src="https://plus.unsplash.com/premium_photo-1680799222709-550956b1bbae?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=869&q=80" />
<img alt="A lazy image" class="lazy"...

CSS

img {
  margin-top: 10px;
  width: 100%;
}

JavaScript

var lazyLoadInstance = new LazyLoad({
  // Your custom settings go here
});