JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<ul class="photo">
    <li><img src="http://farm8.staticflickr.com/7035/6799769145_0ef64370f0_z.jpg"></li>
    <li><img src="http://farm8.staticflickr.com/7034/6799768679_db5bb39198_z.jpg"></li>
</ul>

JavaScript

$(function() {
    var cantdl = 'data:image/gif;base64,'+ 'R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
    $(".photo img").each(function() {
        var t = $(this);
        t.css({
            "background": "url(" + t.attr("src") + ")"
        }).attr("width", t.width()).attr("height", t.height());
        t.attr("src", cantdl);
    });
});