Buscador
.

27 octubre 2011

Como insertar imágenes que cambien automáticamente

Ya vimos una manera de insertar un texto que cambie automáticamente pero esta vez les traigo el código para colocar una imagen que se cambie al actualizar la ventana. Para colocar este truco solo tienes que utilizar este código

<script language="JavaScript" type="text/javascript">
//<![CDATA[
hoje = new Date()
numero_de_imagens = 2
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
banner = "Imagen 1 aquí"
link = "link 1 aquí"
alvo = "_self"
}
if (numero == 1){
banner = "imagen 2 aquí"
link = "link 2 aquí "
alvo = "_self"
}
document.write('<a href="' + link + '" target="' + alvo + '" ><img src="' + banner + '" border=0><\/a>') 
//]]>
</script>
Lo que está en rojo lo cambias por la URL de tus imágenes y lo que está en Azul por los enlaces que quieres que tengan, pero si no quieres ponerles ningún enlace puedes solamente cambiarlo por un #

29 comentarios:

  1. Hola trucos 95, ya hice todo como lo indicas pero presenta nada

    ResponderEliminar
  2. Aquilino: agradeceria que me dieras la dirección de tu página para ver donde puede estar el problema

    ResponderEliminar
  3. hola, te cuento que todos tus truquitos me han servido, pero traté de usar el de la imágen que cambie automáticamenente cada segundo, pero no me da, puedes decirme como lo hago? bendiciones.
    diana

    ResponderEliminar
  4. Diana: agradeceria que me dieras la dirección de tu pagina web para ayudarte mejor, gracias

    ResponderEliminar
  5. hola hermano he hecho todo el intento pero no me sale como lo hago esta mi http://luisitoayala.blogspot.com/ espero tener noticias gracias suerte y que sigan las bendiciones

    ResponderEliminar
    Respuestas
    1. Puedes mandarme el código que estás usando o que es lo que te sales mal por favor?

      Eliminar
    2. como pongo la imagenes me ayudan porfavor

      Eliminar
  6. hola Daniel te mando mi correo para ponernos en contacto por la diferencia de horas mo puedo mira estoy en filipinas: huberluis6365@hotmail.com bueno gracias por responderme suerte hermano

    ResponderEliminar
    Respuestas
    1. Aprecio tu interés pero me temo que no tengo ninguna cuenta personal para chatear, si quieres puedes usar el formulario para cualquier duda o consulta.

      Eliminar
  7. El tiempo no lo puedes controlar ya que cambia cuando se actualiza la ventana. El tamaño será el mismo que el de tus imágenes.

    ResponderEliminar
  8. NO ME FUNCIONA LO DE LA IMAGEN QUE CAMBIA!:s

    ResponderEliminar
    Respuestas
    1. http://www.dentisurmerida.com.mx/

      Eliminar
    2. No veo donde pusiste el código, pero sólo debes de asegurarte de poner la url de tu imagen en las palabras con rojo.

      Eliminar
  9. Hola Truco 95

    Aparte de poner la imagen quiero poner texto debajo de la imagen, las imagenes son aleatoreas verdad? y se puede cambiar el tamaño?

    saludos

    ResponderEliminar
    Respuestas
    1. Hola que tal, este es un script, por lo tanto ya está configurado así. Es poco, o nada lo que se le puede cambiar. Yo no podría decirte como hacerle para agregar texto, lo siento.

      Eliminar
  10. Hola, quisiera saber como hacerlo que sea automático...pues me funciona bien..cambia la imagen al actualizar la página..pero lo que quiero en realidad es que no se cambie necesariamente al actualizar la página sino cada 2000 seg. por ejemplo. ¿es posible? porfaa
    Gracias

    ResponderEliminar
  11. quiero poner el codigo para que varguen solas las imagenes y y me dice HTML no aceptable: etiqueta no permitida: SCRIPT, c¿como hago para escribir el codigo?

    ResponderEliminar
    Respuestas
    1. Hola tu sabrias como configurar este codigo para que cambiara la imagen cada 24 horas quiero poner 7 imagenes una para cada dia de la semana

      Eliminar
  12. Con este código no se cambian las imágenes automáticamente, lo que hace el script es mostrar una imagen aleatoria cada ves que se carga la web.

    ResponderEliminar
    Respuestas
    1. Si quieren tener una imagen rotativa, que cambie automáticamente cada cierto tiempo utilicen el script del siguiente link:

      http://www.desarrolloweb.com/articulos/rotacion-banners-javascript.html

      Saludos!

      Eliminar
    2. Hola claudio una pregunta
      como le pongo un redireccionamiento con ese codigo a la imagen.
      osea que piquen en la imagen y los lleve a otro lugar?
      gracias por tu apoyo

      Eliminar
  13. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  14. hooolaaa, q tal mi problema es que mis imagenes estan guardadas en mi cumpo en "C" ¿cual sería el codigo para que me aparescan xq ovio no me van a salir con ese URL.....etc etc etc... Graciasss

    ResponderEliminar
  15. Que alegria gracias me fue de mucha ayuda este codigo.

    ResponderEliminar
  16. como puedo hacer una cabecera de imágenes en movimiento como esta http://luisitoayala.blogspot.com/ es de un amigo anterior no se como acerlas si las imágenes las tengo que subir a un servidor tampoco se los códigos HTML o por lo menos no me funciona parto de cero un abrazo por compartir a los que no sabemos mi correo es elmalesa@yahoo.es les estare totalmente agradecidos...

    ResponderEliminar
  17. Hola, hay posibilidad de que las imagenes vayan pasando sin que se tenga que actualizar la ventana? Gracias

    ResponderEliminar
  18. Ayuda.... no me sale nada, no sera que falta algo a tu ejemplo?
    ayudame por favor, quiero colocar unas imagenes y no he podido.
    Gracias

    ResponderEliminar
  19. Hola hermano, me podrías decir como hacer para colocar más de 2 imágenes? muchas gracias. Favor responderme a info@saltoaldia.com.uy un abrazo enorme

    ResponderEliminar