JSFiddle - React, Tailwind, and code Playground

by dfg312546

HTML

<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.8.3/dist/lazyload.min.js"></script>
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1688678991304-ec82060848ea?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1032&q=80" />
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1688572708235-924eb62cc9a5?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-1686606891140-6e9a9d279853?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=326&q=80"/>
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1682687220509-61b8a906ca19?ixlib=rb-4.0.3&ixid=M3wxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80"/>
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1688367337575-6da4341c5ad8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=411&q=80"/>
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1688374706132-54f3f9fe4f35?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=411&q=80"/>
<img alt="A lazy image" class="lazy" data-src="https://images.unsplash.com/photo-1688406434758-28b7b2ebbdc0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=388&q=80"/>
<img alt="A lazy image" class="lazy" data-src="https://plus.unsplash.com/premium_photo-1663047841659-340c9debc7b0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80"/>
<img alt="A lazy image" class="lazy"...

CSS

img {
  width:100%;
}

JavaScript

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