JSFiddle - React, Tailwind, and code Playground

by Igor Cuckovic

HTML

<div class="fotorama__stage__frame fotorama__active fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img" aria-hidden="false" data-active="true" style="left: 0px;">
<img src="https://fillmurray.com/200/300" alt="Proteus Fitness Jackshirt" class="fotorama__img" aria-hidden="false">
</div>

JavaScript

var elem = $('.fotorama__active .fotorama__img');

if (!elem.prop('complete')) {
  console.log("Waiting to be loaded!");
  elem.on('load', function() {
    console.log("Loaded!");
    console.log(this.complete);
  });
} else {
  console.log("Already loaded!");
}

  elem.on('load', function() {
    console.log("Loaded!");
    console.log(this.complete);
    })