Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 12 de 12

Tema: como insertar imagenes aleatorias

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    08 ene, 11
    Mensajes
    16
    Poder de Reputación
    16

    como insertar imagenes aleatorias

    Hola forer@s

    Ando acabando(eso espero) mi primera pagina web.
    Me gustaria saber cual es el codigo tengo que poner para que salgan imagenes aleatorias en la pagina principal. Es posible configurar el tiempo entre una y otra imagen; agradeceria cualquier tipo de informacion sobre este tema.


    Gracias

  2. #2
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 nov, 10
    Mensajes
    191
    Poder de Reputación
    16
    Depende si quieres cambiar las imagenes dinamicamente eso es php creo, pero en cambio si van a ser siempre las mismas imagenes puedes hacerlo con flash, y luego subirlo a la web.

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    08 ene, 11
    Mensajes
    16
    Poder de Reputación
    16
    no hay ninguna opcion de hacerlo con Html o con Dreamweaver no hay algo para esto?

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 nov, 10
    Mensajes
    191
    Poder de Reputación
    16
    creeria que si pero aun no se eso por que nunca lo nesecite(por ahora).

  5. #5
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    07 jul, 08
    Mensajes
    338
    Poder de Reputación
    20
    Hola, lo puedes hacer con javascript... Uhm.. no ando en mi PC pero vamos a ver si me sale como seria algo

    Código:
    <script language="javascript">
    //aqui sacamos un valor aleatorio respecto al numero de imagenes
    var imagen = (Math.random() * 3)+1;
    //obtenemos solo la parte entera
    imagen = parseInt(imagen);
    //aqui seleccionamos el caso de la imagen
    switch (imagen) {
    	case 1: document.write("[img]imagen1.jpg[/img]");
    	break;
    	case 2: document.write("[img]imagen2.jpg[/img]");
    	break;
    	case 3: document.write("[img]imagen3.jpg[/img]");
    	break;
    }
    </script>
    reemplaza las rutas de las imagenes a las propias y si deseas agregar mas imagenes cambia donde dice

    Código:
    var imagen = (Math.random() * 3)+1;
    cambias el 3... y le agregas mas case al swich...

    Un saludo

  6. #6
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 nov, 10
    Mensajes
    191
    Poder de Reputación
    16
    Gracias me sirvio mucho(?)

  7. #7
    Recien Llegado! Habitante
    Fecha de Ingreso
    08 ene, 11
    Mensajes
    16
    Poder de Reputación
    16
    Tengo un problema y es que no tengo ni p.... idea :) de nada de Html ni java ni que es un script, de echo acabo de iniciarme en esto apenas hace una semana para crear una pagina web donde explicar mis viajes...
    Asi que si me puedes echar una mano, donde tengo que poner el codigo ese? despues del entre <head> </head> o dentro del body? puedo hacerlo con el dreamweaver? tengo que meter el codigo ese dentro de un div o relaccionarlo con el div donde quiero que aparezcan las imagenes... ?

    Como puedes ver estoy muy perdido :)

  8. #8
    Recien Llegado! Habitante
    Fecha de Ingreso
    08 ene, 11
    Mensajes
    16
    Poder de Reputación
    16
    Vale conseguido no era tan dificil, jajaja muchas gracias....
    ahh otra cosilla seria posible hacer que la imagen fuera cambiando sola cada "X" tiempo sin darle al boton actualizar?

    Gracias

  9. #9
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 nov, 10
    Mensajes
    191
    Poder de Reputación
    16
    Que en el mismo tiempo cambie sola? Sin actualizar la web?
    Creo que nesecitas flash XD

  10. #10
    Recien Llegado! Habitante
    Fecha de Ingreso
    08 ene, 11
    Mensajes
    16
    Poder de Reputación
    16
    Finalmente he podido encontrar lo que andaba buscando, metiendo este codigo dentro de head podremos ver como nuestras imagenes se vanmostrando de forma aleatoria cada "x" tiempo (var duracion)


    <script language="javascript" type="text/javascript">
    //SECUENCIA DE IMAGENES
    //Autor: Iván Nieto Pérez
    //Este script y otros muchos pueden
    //descarse on-line de forma gratuita
    //en El Código: www.elcodigo.com
    var SecuenciaEjecutandose = false
    var SecuenciaID = null
    var imagen = 0
    var duracion = 1000

    if (CompruebaVersion()) {
    imagenes = new CreaArray(4)
    //carga las imagenes: especificar aqui las URLs de las imagenes o ruta fisica y nombre
    imagenes[1].src = "imagen1.jpg"
    imagenes[2].src = "imagen2.jpg"
    imagenes[3].src = "imagen3.jpg"
    imagenes[4].src = "imagen4.jpg"
    }

    function CompruebaVersion() {
    if (navigator.appVersion.charAt(0) >= 3 && document.images) return true
    else return false
    }

    function CreaArray(n) {
    this.length = n
    for (var i = 1; i<=n; i++) {
    this[i] = new Image()
    }
    return this
    }

    function DetenerSecuencia (){
    if(SecuenciaEjecutandose)
    clearTimeout(SecuenciaID)
    SecuenciaEjecutandose = false
    imagen = 0
    }

    function MostrarSecuencia () {
    if (CompruebaVersion()) {
    document.images["secuencia"].src = imagenes[imagen].src
    imagen++
    if ( imagen == 5 )
    imagen = 1
    }
    SecuenciaID = setTimeout("MostrarSecuencia()", duracion)
    SecuenciaEjecutandose = true
    }

    function IniciarSecuencia () {
    DetenerSecuencia()
    imagen = 1
    MostrarSecuencia()
    }

    window.onload = IniciarSecuencia;
    if (document.captureEvents) { //N4 requiere invocar la funcion captureEvents
    document.captureEvents(Event.LOAD)
    }




    </script>


    Despues habra que poner este codigo dentro del body para que se meustren las imagenes, incluso viene lcon un boton para iniciar y parar el script, que facilmente lo puedes quitar si no te gusta:



    [img]/images/tutoriales2.gif[/img]</p><form name="secuencia">

    <input type="button" value="Parar" name="B1" onClick="DetenerSecuencia()"> <input type="button" value="Iniciar" name="B2" onClick="IniciarSecuencia()"></p></form>

  11. #11
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 nov, 10
    Mensajes
    191
    Poder de Reputación
    16
    Que bien resuelves tus problemas solo eso es util. ;)

  12. #12
    Moderador CCTW Habitante Avatar de johnpeterjp
    Fecha de Ingreso
    13 abr, 06
    Ubicación
    Santiago de Chile
    Mensajes
    3,142
    Poder de Reputación
    38
    Hola Alpakone. Hay cientos de rutinas en java (scripts) que agregan cierta interactividad a nuestras webs. Hay sitios dedicados a estos scripts dónde buscas lo que necesitas, y luego solo copias y pegas códigos, los cuales personalizas con pequeñas modificaciones. Es una etapa fascinante pues ves desarrollados muy buenos efectos y muy sencillos de aplicar. Te dejo un par de web´s muy buenas.

    http://www.dynamicdrive.com/
    http://www.javascriptkit.com/cutpastejava.shtml
    "Conocimiento es necesidad, necesidad es conocer lo que necesitamos"


Temas Similares

  1. Como insertar presentacion de imagenes como fondo?
    Por io0hni en el foro Foro General
    Respuestas: 1
    Último Mensaje: 26/11/2008, 02:41
  2. ¿Como puedo insertar imagenes aleatorias?
    Por aorkis en el foro Scripts
    Respuestas: 10
    Último Mensaje: 07/11/2008, 14:35

Permisos de Publicación

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