Vereis estoy intentando hacer un rotador de banners que cambie el baner cada x tiempo y al mismo tiempo lo haga de forma aleatoria. Este funciona salvo en una cosa,.
1º) Cambia cada cierto tiempo eso es correcto.
2º) Empieza con un banner distinto cada vez que se entra en la página eso tambien es correcto, pero a partir de hay saca el resto de los banners en el mismo orden y eso no es lo que preciso, lo que necesito es que los saque aleatoriamente los saque todos sin repetir ninguno hasta no haber terminado de pasarlos todos y comience un nuevo ciclo.
No se practicamente nada de Javascript así que espero podais ayudarme
Espero podais ayudarme.
********************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#apDiv1 {
position:absolute;
width:645px;
height:70px;
z-index:1;
}
</style>
</head>
<body>
<div id="apDiv1">
<script type="text/javascript">
var ban = new Array();
var enl = new Array();
var indice = 0;
ban[0] = new Image();
ban[0].src = "Banner1.gif";
enl[0] = "Enlace-Url-1";
ban[1] = new Image();
ban[1].src = "Banner2.gif";
enl[1] = "Enlace-Url-2";
ban[2] = new Image();
ban[2].src = "Banner3.gif";
enl[2] = "Enlace-Url-3";
indice = Math.random() * (ban.length);
indice = Math.floor(indice);
function rota()
{if (indice == ban.length) indice = 0;
if (document.images) {
document.images.rotando.src = ban[indice].src;
}
else {
document.getElementById('rotando').src=ban[indice].src;
}
indice++;
setTimeout('rota()',6000);
}
function vete() {window.open(enl[indice-1]);}
</script>
<img src="" width="645" height="70" id="rotando" style="cursor:pointer;" onclick="vete();"/>
<script type="text/javascript">rota();</script></div>
</body>
</html>
********************************************
