Hola gente, estoy intentando mostrar en una capa una imagen aleatoria que va cambiando cada X tiempo. Las rutas de las imagenes las tengo en una base de datos.
El registro sería:
Código PHP:
mysql_select_db($database_comentarios, $comentarios);
$query_depedo = "SELECT * FROM galdepedo";
$depedo = mysql_query($query_depedo, $comentarios) or die(mysql_error());
$row_depedo = mysql_fetch_assoc($depedo);
$totalRows_depedo = mysql_num_rows($depedo);
Y el script:
Código:
<script type="text/javaScript">
var imagenespedo = new Array();
<?php
for ($i=0, $total = count($row_depedo[indice]);$i<=$total; $i++){
echo "imagenespedo[".$i."] = '".$row_depedo[ruta]."';";}?>
numPosibilidades = <?php count($row_depedo[indice]);?> - 0;
function cambiaimagen(){
document.getElementById('imgpedo').innerHTML=('<img src="'+imagenespedo[parseInt(Math.random() *numPosibilidades)]+'" width="50%" height="50%" alt="Depedo" />');}
</script>
Luego hago que se repita con
<body onload"setInterval(cambiaimagen,10000)"
La capa:
Código HTML:
<p>Imagenes que cambian aleatoriamente:</p><br><div id="imgpedo"></div>
Pero no me muestra una imagen aleatoria sino que muestra la primera imagen del registro. Seguramente será algo que hago mal al definir el
array imagenespedo de la primera linea del script. Llevo bastantes pruebas hechas y no lo consigo, me gustaria saber que hago mal o si es que lo estoy haciendo muy complicado cuando hay alguna manera mas facil.
Sobra decir que acabo de empezar a enredar con esto del javascript.
Gracias y Salud'Os!!