Puoi prendere spunto da qua:

codice:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
</head>
 
<body>
<div id="sample_div"></div>
<script type="text/javascript">
var nIndex = 0, aContenuti = [ "Testo", "Altro testo", "<img src=\"https:\/\/www.google.it\/images\/srpr\/logo3w.png\" \/>", "Altro testo ancora" ];

function alternaContenuti () {
	document.getElementById("sample_div").innerHTML = aContenuti[nIndex];

	// Qui dovrai inserire un codice che attribuisca una posizione random al tuo div "sample_div" (che dovrà essere contenuto all'interno del tuo rettangolo...)

	nIndex = (nIndex + 1) % aContenuti.length;
}

alternaContenuti();
setInterval(alternaContenuti, 1000);

</script>
</body>
</html>
Per la posizione utilizza Math.random e inserisci il codice necessario all'interno della funzione alternaContenuti()...