• Publicidad

Javascript: Desplegar imagenes aleatoriamente

Preguntas y comentarios relacionadas con HTML y CSS.

Javascript: Desplegar imagenes aleatoriamente

Notapor hinoeath » 2006-11-15 14:11 @633

hola nuevamente amigos...quiero pedirles una idea de cómo hacer lo siguiente:

Tengo el siguiente código:

Sintáxis: [ Descargar ] [ Ocultar ]
  1. <table border="0" cellpadding="0" cellspacing="0"> 
  2. <tr> 
  3. <td width="163" bgcolor="#FF8D3A"><table width="163" border="0" cellpadding="0" cellspacing="0"> 
  4. <tr> 
  5. <td height="123" align="center"><img src="fotos/foto1.jpg" width="158" height="118" /></td> 
  6. </tr> 
  7. <tr> 
  8. <td height="123" align="center"><img src="fotos/foto2.jpg" width="158" height="118" /></td> 
  9. </tr> 
  10. <tr> 
  11. <td height="123" align="center"><img src="fotos/foto3.jpg" width="158" height="118" /></td> 
  12. </tr> 
  13. <tr> 
  14. <td height="40"><div align="center"><img src="images/ver.jpg" width="121" height="19" /></div></td> 
  15. </tr> 
  16. </table> 


Luego de ver el código me gustaría hacer lo siguiente: en el directorio fotos quiero almacenar unas 20 fotografías; ya viendo que la página que contiene esa tabla solo muestra 3 fotografías que son estáticas, mi idea y pregunta a la vez es por medio de qué método podría hacer que cada vez que cargue la página aleatoriamente tomando entre las fotos contenidas en el directorio se vayan mostrando otras imágenes cada vez que se recargue el navegador, o bueh XD también como haría para que estando en la web fuesen cambiándose determinado x tiempo (no quiero usar flash ni nada parecido)... supongo que con ajax se haría la segunda opción.

En fin quiero salir de dudas. Alguien que me diga de qué forma y me pase un enlace donde pueda leer acerca de esto. Que quiero hacerlo, sobre todo el primero. ;=)...


salu2 y gracias.
hinoeath
Perlero nuevo
Perlero nuevo
 
Mensajes: 10
Registrado: 2006-11-09 17:32 @772
Ubicación: Barranquilla-Colombia

Publicidad

Notapor kidd » 2006-11-15 20:45 @906

Hola:

Con Javascript lo puedes hacer sin ningun problema. Para empezar te recomiendo el siguiente tutorial:
http://javascript.about.com/library/blrand.htm

Y aquí hay un script que hace algo similar a lo que necesitas y que con algunos cambios lo podrías customizar para hacer exactamente lo que quieres:
http://www.javascriptcity.com/scripts/img/simage3.htm


Saludos
Uriel Lizama Perl programmer fundador de Perl en Español
Perl Programming Language
Avatar de Usuario
kidd
Creador de Perl en Español
Creador de Perl en Español
 
Mensajes: 1166
Registrado: 2003-10-15 16:52 @744
Ubicación: México


Volver a HTML

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado