JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="project_images"></ul>
<?PHP
$one= 111;
echo $one;
?>

JavaScript

$(document).ready(function() {
    var arr = ['<img src="http://www.google.com/logos/2011/korea_day-2011-hp.jpg" />', '<img src="http://www.google.com/logos/2011/india11-hp.png" />', '<img src="http://www.google.com/logos/2011/pakistandind11-hp.jpg" />', '<img src="http://www.google.com/logos/2011/ecuador_independence_day-2011-hp.jpg" />', '<img src="http://www.google.com/logos/2011/singapore_national_day11-hp.jpg" />'];
        $.each(arr, function(i) {
            $('<li style="padding-right:30px;padding-bottom:40px;">' + this + '</li>').appendTo(".project_images").hide().delay(i*500).fadeIn(500);
        });
})