Tengo el siguiente código que encontré en el sitio en inglés:
<html>
<head>
<script type="text/javascript">
var imageUrls = [
"https://via.placeholder.com/400x400?text=1", "https://via.placeholder.com/400x400?text=2", "https://via.placeholder.com/400x400?text=3", "https://via.placeholder.com/400x400?text=4", "https://via.placeholder.com/400x400?text=5", "https://via.placeholder.com/400x400?text=6"
];
var imageLinks = [
"https://es.stackoverflow.com/", "https://es.stackoverflow.com/", "https://es.stackoverflow.com/", "https://es.stackoverflow.com/", "https://es.stackoverflow.com/", "https://es.stackoverflow.com/"
];
function getImageHtmlCode() {
var dataIndex = Math.floor(Math.random() * imageUrls.length);
var img = '<a href=\"' + imageLinks[dataIndex] + '"><img src="';
img += imageUrls[dataIndex];
img += '\" alt=\"Stackoverflow.com\"/></a>';
return img;
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(getImageHtmlCode());
</script>
</body>
</html>
Funciona como quiero, con la única excepción que en ocasiones repite la misma imagen al refrescar la página. ¿A qué se debe esto? ¿Podrían indicarme si existe un error que afecte este comportamiento?
Muchas Gracias