Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/03/2008, 13:53
nando87dc
 
Fecha de Ingreso: marzo-2007
Mensajes: 13
Antigüedad: 17 años, 1 mes
Puntos: 0
Cambiar imagenes continuamente

Estuve buscando por TODOS ladoas un script de java que me baja cambiando una serie de imagenes guardadas en un directorio cada x tiempo.
pase de encontrar solo scripts que se cambiaban la imagen solo al actualizar/recargar la página u otros demaciados extensos y complejos.
Copiando, pegando, recortando y haciendo algo yo hise este script que hace lo que queria.

lo comparto por si a alguien le es de utilidad y depaso para ver si me ayudan a que en vez de seguir los números 1,2,3,4,5,6,7,8,9,10 lo haga aleatoriamente.

también me interesaría que no dependa de que le inserte la cantidad de imagenes que hay y de generar el nombre. Que solo 'tome' imagenes de la carpeta aleatoriamente, aunque ya creo que sería más complejo.

por último :) se puede guardar este código en un archivo independiente (creo extención .js) y llamar solo a la función 'setInterval("cambiar()",1000);' desde la página, sin insertar el codigo entero en cada una de las paginas??


Código:
<body>
<!-- Esta es la imagen con el nombre 'img' que irá cambiando su valor 'src' -->
<img src="" name="img">

<script language="JavaScript" type="text/javascript">
/*
las imagenes estarán en una carpeta llamada 'imgram'.
las imagenes deberán estár numeradas 1.jpg, 2.jpg...

'num_img' es la variable que va a ir cambiando el número de las imagenes
osea que el nombre de la imagen va a ser 'num_img'.jpg

*/

/*se le da un valor inicial a la variable num_img igual a 1, para que refiera a la imagen 1.jpg*/
var num_img=1; 
/*
'cambiar()' es la función que se invocará cada x segundos e ira cambiando las imagenes
*/
	function cambiar() 
	{      
			
		imagen=new Image
		imagen.src="imgram/" + num_img + ".jpg" 
		document.images['img'].src=imagen.src //se le asigna el valor a la imagen 'IMG'
/* se aumenta en +1 el valor de num_img para que la proxima ejecución inserte la imagen siguieinte */
		num_img=num_img+1; 
/* con este IF se comprueba que el valor de imagen no sea mayor que 10, ya que esta es
la cantidad de fotos que hay. Si no es mayor que 10 termina la función.
cuando llegue a ser 11 se resetea el valor de num_img a 1 para que no busque la imagen 11.jpg que
no existe */
		if (num_img>10)
		{
			num_img=1
		}
	}

/* Se indica que se llame a la función cambiar() cada 1 segundo */
setInterval("cambiar()",1000);

</script>

</body>
Saludos

Fernando G. del Castillo