JSFiddle - React, Tailwind, and code Playground

by Blake Plumb

HTML

<li data-src="http://dl.dropbox.com/u/59918876/arrow.png">
    <img src="http://dl.dropbox.com/u/59918876/ajax-loader.gif" />
</li>
<li data-src="http://dl.dropbox.com/u/59918876/arrow.png">
    <img src="http://dl.dropbox.com/u/59918876/ajax-loader.gif" />
</li>
<li data-src="http://dl.dropbox.com/u/59918876/arrow.png">
    <img src="http://dl.dropbox.com/u/59918876/ajax-loader.gif" />
</li>
<li data-src="http://dl.dropbox.com/u/59918876/arrow.png">
    <img src="http://dl.dropbox.com/u/59918876/ajax-loader.gif" />
</li>
<li data-src="http://dl.dropbox.com/u/59918876/arrow.png">
    <img src="http://dl.dropbox.com/u/59918876/ajax-loader.gif" />
</li>
<li data-src="http://dl.dropbox.com/u/59918876/arrow.png">
    <img src="http://dl.dropbox.com/u/59918876/ajax-loader.gif" />
</li>
<li data-src="http://dl.dropbox.com/u/59918876/arrow.png">
    <img src="http://dl.dropbox.com/u/59918876/ajax-loader.gif" />
</li>

JavaScript

$('li').each(function(i){
    var el = this;
    setTimeout(function(){
       $(el).find('img').attr('src', $(el).data('src'));
    }, 1000*i);        
});