JSFiddle - React, Tailwind, and code Playground

by reporter

HTML

<div class="box">
        Class of 2013:
        <div class="overlay"> <!-- Put images to display here...-->                 
            <img src="" border="none"/>     
        </div>  
    </div>?

JavaScript

var ITLP = new Array();
        ITLP[0] = "http://cdn1.spiegel.de/images/image-523854-thumb-kbni.jpg";
        ITLP[1] = "http://cdn1.spiegel.de/images/image-521940-thumb-oprc.jpg";
        $(document).ready(function() {
            showimg();
        });

        function showimg()
            {
				$(".box > .overlay > img").attr("src",getImages());
                
				$(".box").hover(
                    function(){ $(this).find(".overlay").fadeIn(); } ,
                    function(){ $(this).find(".overlay").fadeOut(); }
                );        
            }
        function getImages()
		{
            i = ~~(Math.random() * (ITLP.length - 0) + 0);      
			return ITLP[i];             
        }