replacing images tiio

by Tushar Thakare

HTML

<img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA" data-src="https://image.flaticon.com/icons/png/128/1829/1829415.png" >

<img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA"  data-src="https://image.flaticon.com/icons/png/128/1829/1829589.png">

<img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA"  data-src="https://image.flaticon.com/icons/png/128/2659/2659360.png" onerror="if (this.src != 'error.jpg') this.src = 'https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png';">

CSS

.tiio{min-height:2px !IMPORTANT}

JavaScript

function checkImage(imageSrc, good, bad) {
    var img = new Image();
    img.onload = good; 
    img.onerror = bad;
    img.src = imageSrc;
}

var srcList = $('img').map(function() {

  
  var realpicpre =  $(this).attr('data-src');
   var realpicpre2 = realpicpre.replace(/[^a-zA-Z0-9]/g, '');
   var realpicpre3 = realpicpre2.slice(-5);
  
   if(realpicpre3.includes("png")){var extension = ".png"}
   if(realpicpre3.includes("jpg")){var extension = ".jpg"}
   
  var realpic = "https://firebasestorage.googleapis.com/v0/b/optimize-pro.appspot.com/o/img%2F"+realpicpre2+extension+"?alt=media";
  this.src = realpic; 
  
  
  checkImage(realpic, function(){
 }, function(){    

//create iframe
 var ifrm = document.createElement("iframe");
        ifrm.setAttribute("src", "https://example.com/?ref="+realpic);
        ifrm.style.width = "640px";
        ifrm.style.height = "480px";
        document.body.appendChild(ifrm);


     });

 // $(this).removeClass("x");
}).get()