Registrarse
Resultados 1 al 11 de 11
  1. #1
    Avatar de RSA
    RSA
    RSA no ha iniciado sesión Enganchad@ a los foros
    Ingreso
    17 ene, 05
    Ubicación
    Pamplona
    Mensajes
    754
    Post Thanks / Like

    Imagenes aleatorias al abrir web

    Hace unos meses, se comentó en un post como hacer para que cada vez que se abra una página, salga una imagen diferente de forma aleatoria. No logro encontrarlo ¿puede alguien ayudarme?

    Gracias de antemano
    Última edición por RSA; 15/10/2006 a las 17:42

  2. #2
    Avatar de ytsejam
    ytsejam no ha iniciado sesión Lleva poco por aquí
    Ingreso
    19 oct, 04
    Ubicación
    Zamora
    Mensajes
    82
    Post Thanks / Like
    Hola:
    El cambiar de imagen lo puedes realizar con Javascript, hay muchas versiones por la red. Si necesitas ayuda, no dudes en decirmelo.

    Saludos
    José Ramón
    Última edición por ytsejam; 17/10/2006 a las 04:45
    Canon EOS 50D

  3. #3
    Avatar de RSA
    RSA
    RSA no ha iniciado sesión Enganchad@ a los foros
    Ingreso
    17 ene, 05
    Ubicación
    Pamplona
    Mensajes
    754
    Post Thanks / Like
    Gracias José Ramón ¿puedes darme algún enlace?, estoy bastante perdido

  4. #4
    Avatar de miguel57
    miguel57 no ha iniciado sesión Habitual
    Ingreso
    04 abr, 06
    Ubicación
    Sitges
    Mensajes
    308
    Post Thanks / Like
    Aqui tienes uno (que no he probado):
    http://lists.evolt.org/archive/Week-...13/055404.html

    Dale una mirada a: http://www.dynamicdrive.com/
    Hay mucho javascript, aunque no sé si encontrarás allí lo que buscas.
    Busca también scripts en AJAX.
    Saludos
    KM 7D - Tamron SP 11-18 - Sony 16-105 - Minolta 100-300

  5. #5
    Avatar de ytsejam
    ytsejam no ha iniciado sesión Lleva poco por aquí
    Ingreso
    19 oct, 04
    Ubicación
    Zamora
    Mensajes
    82
    Post Thanks / Like
    Hola:
    Mejor que darte un enlace te indico como lo hago yo, de la manera mas sencilla posible y guardando los siguientes requisitos:
    - Las imagenes deberán de estar en un subdirectorio que yo he llamado images y además todos tienen el nombre así galeria*.jpg , dónde * es un número desde 1 hasta el número máximo de fotos a mostrar.
    En azul el código html/javascript utilizado.

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Imagen aleatoria</title>

    //Creamos en la cabecera el siguiente código Javascript:
    <script language="JavaScript">

    // Indicamos el número de imagenes que se mostraran de manera aleatoria.
    var numeroImagenes = 4 ;
    // Calculamos un número aleatorio entre 1 y numeroImagenes
    var numeroAleatorio = Math.floor(Math.random() * numeroImagenes ) + 1;

    </script>

    </head>

    <body>

    <p align="center">

    <script language="JavaScript">

    // Escribimos en el lugar de la página en el que deseemos mostrar la imagen
    // aleatoria el siguiente código Javascript.

    document.write('<img src="images/galeria' + numeroAleatorio + '.jpg">');

    </script>

    </p>

    </body>
    </html>


    Existen multiples posibilidades de hacerlo, yo creo que la más sencilla es esta. Además si las fotos están en diferentes carpetas y tienen nombres totalmente distinto habrá que hacerlos de otra manera.

    Ya me contaras como te ha ido.

    Saludos
    José Ramón
    Canon EOS 50D

  6. #6
    Avatar de RSA
    RSA
    RSA no ha iniciado sesión Enganchad@ a los foros
    Ingreso
    17 ene, 05
    Ubicación
    Pamplona
    Mensajes
    754
    Post Thanks / Like
    Muchas gracias a los dos.

    miguel57, muy utiles los enlaces.

    José Ramón, funciona perfecto. Solo una duda
    Cita Iniciado por ytsejam
    // Calculamos un número aleatorio entre 1 y numeroImagenes
    var numeroAleatorio = Math.floor(Math.random() * numeroImagenes ) + 1;
    Esto no lo "pillo"

  7. #7
    Avatar de Jesús
    Jesús no ha iniciado sesión Gurú Ojodigitalero
    Ingreso
    04 oct, 05
    Ubicación
    Morón (Sevilla)
    Mensajes
    5,528
    Post Thanks / Like
    Cita Iniciado por ytsejam
    Hola:
    Mejor que darte un enlace te indico como lo hago yo, de la manera mas sencilla posible y guardando los siguientes requisitos:
    - Las imagenes deberán de estar en un subdirectorio que yo he llamado images y además todos tienen el nombre así galeria*.jpg , dónde * es un número desde 1 hasta el número máximo de fotos a mostrar.
    En azul el código html/javascript utilizado.

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Imagen aleatoria</title>

    //Creamos en la cabecera el siguiente código javascript:
    <script language="JavaScript">

    // Indicamos el número de imagenes que se mostraran de manera aleatoria.
    var numeroImagenes = 4 ;
    // Calculamos un número aleatorio entre 1 y numeroImagenes
    var numeroAleatorio = Math.floor(Math.random() * numeroImagenes ) + 1;

    </script>

    </head>

    <body>

    <p align="center">

    <script language="JavaScript">

    // Escribimos en el lugar de la página en el que deseemos mostrar la imagen
    // aleatoria el siguiente código Javascript.

    document.write('<img src="images/galeria' + numeroAleatorio + '.jpg">');

    </script>

    </p>

    </body>
    </html>


    Existen multiples posibilidades de hacerlo, yo creo que la más sencilla es esta. Además si las fotos están en diferentes carpetas y tienen nombres totalmente distinto habrá que hacerlos de otra manera.

    Ya me contaras como te ha ido.

    Saludos
    José Ramón
    Que bueno. Esto es ayudar.
    También te apunto el flash. Es fácil y puedes incluir todos los efectos que quieras.
    Saludos.

    Jesús

  8. #8
    Avatar de ytsejam
    ytsejam no ha iniciado sesión Lleva poco por aquí
    Ingreso
    19 oct, 04
    Ubicación
    Zamora
    Mensajes
    82
    Post Thanks / Like
    Hola:
    Te cuento como va el tema de:

    var numeroAleatorio = Math.floor(Math.random() * numeroImagenes ) + 1;

    Math.random() con esta función conseguimos un número (con decimales) aleatorio comprendido entre 0 y 1. Si dicho número lo multiplicamos por el número mas grande que queramos encontrar aleatoriamente (este es el número de máximo de fotografias a mostrar) tendremos un numero entre 0 y el número máximo a hallar (con muchos decimales).
    Como ese número no nos vale (por los decimales), utilizamos la función Math.floor( ), que nos hace un redondeo al entero de menor valor ( 3.67372 lo redondea a 3). Ahora tenemos un número comprendido entre 0 y el mayor número que queremos hallar menos 1, por eso le añadimos +1 al final para que el rango este entre 1 y el número máximo aleatorio (ambos incluidos).

    Espero haberme explicado bien.

    Saludos
    José Ramón
    Canon EOS 50D

  9. #9
    Avatar de RSA
    RSA
    RSA no ha iniciado sesión Enganchad@ a los foros
    Ingreso
    17 ene, 05
    Ubicación
    Pamplona
    Mensajes
    754
    Post Thanks / Like
    Gracias Jos&#233; Ramon

  10. #10
    Avatar de Manuel Pozo
    Manuel Pozo no ha iniciado sesión manuelpozo.blogspot.com
    Ingreso
    12 may, 03
    Ubicación
    Torrejón de Ardoz (Madrid)
    Mensajes
    3,154
    Post Thanks / Like
    Yo tengo algo as&#237; en mi web (adyma.com). Me lo ofrece mi proveedor de hospedaje mediante una rutina javascript. Pero no s&#233; c&#243;mo ayudarte (bueno, ya lo han hecho, as&#237; que genial).

    Saludos.
    http://manuelpozo.com
    http://manuelpozo.blogspot.com

  11. #11
    raulbaena no ha iniciado sesión No ha empezado
    Ingreso
    23 jul, 09
    Ubicación
    Sevilla
    Mensajes
    2
    Post Thanks / Like
    Hola

    He puesto el script tal como sale, lo entiendo todo perfectamente y funciona a la perfección pero no he puesto solo una imagen, he colocado tres, un script en el encabezado y tres en el body, pero aunque si salen las imagenes aleatoriamente siempre salen de tres en tres, osea si pongo cuatro fotos en cada carpeta, si sale la foto 1 del a carpeta 1 va a coincidir siempre con las otras unos de las otras dos carpetas, ¿como puedo solucionar esto?

    Un saludo
    .


 

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •