Rotar imagenes aleatoriamente con Javascript + PHP

Hola filadeatra-seros,
como bien sabéis estamos ya metidos de pleno con Java en nuestra querida asignatura de POO :D.
Pues os presento el método cachis-pistachis y digno de los cagorrismos de Franhp, que me he sacado de la manga para mostrar imagenes aleatoriamente y sin jQuery!

La ejecución

<!-- Iniciamos el bucle con la propiedad onLoad -->
<body onLoad="randomImg()">
<!-- Solo necesitamos una imagen -->
<img id="imagenAleatoria" src="" />
</body>

randomImg()

function randomImg(){
    images = new Array(<?php getImages();?>); //llamamos a la función getImages() en php
    rand = Math.floor(Math.random()*(images.length -1)); //generamos un numero aleatorio
    //hacemos la magia cambiando la propiedad src de la imagen
    document.getElementById('imagenAleatoria').setAttribute('src',''+images[rand]);
    setTimeout("randomImg()",10000); //con un timeout recursivo hacemos que se llame a si misma hasta el infinito -1
    // eso si, cada 10000 milisegundos :P
}

getImages()

<?php
function getImages ()
{
    $string = "";
    $handler = @opendir("directorio");
    while ($file = @readdir($handler)) {
        if ($file != "." && $file != "..") {
            $string.=  "\"$file\","; //creamos el string con el formato[ "imagen1.jpg", ]
        }
    }
        closedir($handler);
    echo substr($string,0,-1); //escupimos el string borrando la última coma XD
}
?>
****½10votes
Sin comentarios »  | Categorías:  javascript, PHP Tags: , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *