SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Mostrar imagenes aleatoriamente en cada visita

Códigos Javascript

El codigo consigue mostrar una imagen aleatoria, cada vez que un visitante visita nuestras paginas. Simplemente debemos modificar 1_imagen.jpg , 2_imagen.jpg ... por los nomnres de las imagenes asi como los formatos de estas.
Visitas: 21,519 - 25/03/2004 1:54:01
CODIGO SIN DEMOSTRACIONNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <HEAD>
  2. <script language="JavaScript">
  3. var mis_imagenes = new Array()
  4. mis_imagenes[0] = '1_imagen.jpg'
  5. mis_imagenes[1] = '2_imagen.jpg'
  6. mis_imagenes[2] = '3_imagen.jpg'
  7. mis_imagenes[3] = '4_imagen.jpg'
  8. mis_imagenes[4] = '5_imagen.jpg'
  9. var j = 0
  10. var p = mis_imagenes.length;
  11. var preBuffer = new Array()
  12. for (i = 0; i < p; i++){
  13.    preBuffer[i] = new Image()
  14.    preBuffer[i].src = mis_imagenes[i]
  15. }
  16. var mi_imagen = Math.round(Math.random()*(p-1));
  17. function muestra_imagen(){
  18. document.write('<img src="'+mis_imagenes[mi_imagen]+'">');
  19. }
  20. </script>
  21. </HEAD>
  22. <BODY>
  23. <script language="JavaScript">
  24. muestra_imagen();
  25. </script>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Mostrar imagenes aleatoriamente en cada visita" href="http://www.tutores.org/codigo/989/" target="_blank">Mostrar imagenes aleatoriamente en cada visita</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
Bouman
1 5
Gracias, ha sido de gran utilidad.
Comentario usuario
04-11-2009 10:26:51
4 5
Tengo este problema. Espero que alguien me aconseje o me eche una mano.
Os comento mi duda.
solo comentaros si hay algun metodo para lo siguiente:
quiero conseguir algo parecido usando javascript.
mi idea es que en el index aparezcan tres imagenes diferentes en 3 celdas diferentes cada vez que se entra o se actualice la pagina.
el codigo es el siguiente:
...
</head>
<script>

rnd.today=new Date();
rnd.seed=rnd.today.getTime();
AImages=[
"foto1.jpg",
"foto2.jpg"
"foto3.jpg",
]
funct ion rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};

function rand(number) {
var n=Math.ceil(rnd()*number);
document.getElementById("a").src=AImages[n-1]
};

</script>

El apartado de la otra imagen seria lo mismo con su <script></script> correspondiente, pero cogiendo las imagenes de la carpeta que le corresponde y de la tercera imagen otro tanto con su <script > </script > correspondiente y sus imagenes.
luego en el body en la celda donde quiero aparecer la imagen pongo lo siguiente:
<td width="33%" align="center" valign="top"><img src="(nombre de la carpeta general donde esta las fotos)" id="(el nombre del getElementById) que le he dado arriba"></td>
cada una de las imagenes con su< td></td> en el body. Supongo que tendría que salir pero sol consigo que salga una de ellas. ¿podrías abrirme los ojos para ver donde fallo?
Gracias.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.