JSFiddle - React, Tailwind, and code Playground

by samu_eyes

HTML

<script src="https://cdn.jsdelivr.net/gh/eisbehr-/[email protected]/jquery.lazy.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
test

  <i class="fa fa-spinner"></i>
  <img class="lazy fa fa-spinner" data-src="http://cdn.static2.rtr-vesti.ru/vh/pictures/b/158/085.jpg" width="230" height="180">

  <i class="fa fa-spinner"></i>ss

CSS

.fa-spinner {
  position: auto-flow;
  top: 85px;
  left: 115px;
  animation: spinner 2s infinite linear;
  color:red;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

JavaScript

$('.lazy').Lazy({
  delay: 2000,
  afterLoad: function(element) {
    element.siblings('.fa-spinner').hide();
  }
});