JSFiddle - React, Tailwind, and code Playground

by BandonRandon

HTML

<!-- this will be your main images note the class of 'image' -->
<img src="http://placehold.it/350x150" class="image" />
<br/>
<!-- or you could wrap the div (or table row) with the class of 'image' -->
<div class='image'>
    <img src="http://placehold.it/350x150/CC0000"/>
</div>

CSS

/* note you  could also hide in the css but this won't work if JS is disabled
.image {display:none;} */

JavaScript

//select our image class, hide the image, now fade it in
$('.image').css('display', 'none').fadeIn(2000); //2000 is number of miliseconds

//if hiding with CSS use this Javascript
//$('.image').fadeIn(2000);