Necesito de su ayuda para extraer imagenes aleatorias de un array al abrir la pagina o recargándola. Les dejo el codigo
function aleatorio( num0 ) {
return(Math.floor(Math.random() * num0 + 1 ));
}
var imagenes2da = new Array();
imagenes2da[0] = "../img/ITEMS/gauntlets_lg.png";
imagenes2da[1] = "../img/ITEMS/circlet_lg.png";
imagenes2da[2] = "../img/ITEMS/clarity_lg.png";
imagenes2da[3] = "../img/ITEMS/mantle_lg.png";
imagenes2da[4] = "../img/ITEMS/boots_lg.png";
imagenes2da[5] = "../img/ITEMS/slippers_lg.png";
imagenes2da[6] = "../img/ITEMS/recipe_lg.png";
imagenes2da[7] = "../img/ITEMS/gloves.png";
function cambiar() {
$("#imagenes").src = imagenes2da[aleatorio(imagenes2da.length)-1];
}
Codigo HTML (intento con un boton)
<div><img id="imagenes" alt="Imagen aleatoria" src="../img/ITEMS/ancient_janggo_lg.png"></div>
<a class="waves-effect waves-light btn" onclick="cambiar()"></a>
También he intentado esto con html, pero no da resultado
<div><img id="imagenes" onload="cambiar()" alt="Imagen aleatoria" src="../img/ITEMS/ancient_janggo_lg.png"></div>