JSFiddle - React, Tailwind, and code Playground

by Soul_Master

HTML

<h1>Original Fading PNG</h1>
<img id="img1" src="http://img689.imageshack.us/img689/7756/webbb.png" /> 

<h1>Fixed Fading PNG</h1>
<img id="img2" src="http://img689.imageshack.us/img689/7756/webbb.png" />

CSS

div
{
    padding:15px; 
    background:#c1c1c1;
}
#img2
{
    background:#fff;   
}

JavaScript

function fadeMe(obj)
{
    var fadingTime = 3000;
    
    return function()
    {
        obj.fadeOut(fadingTime, function()
        {
            obj.fadeIn(fadingTime, fadeMe(obj)); 
        });
    };  
}

fadeMe($('#img1'))();
fadeMe($('#img2'))();