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()...