Buscador
.

12 julio 2012

Imágenes que cambian automáticamente cada cierto tiempo

Gracias a José ahora podemos publicar este nuevo código con el que las imágenes se cambiarán automáticamente dependiendo del tiempo que configuremos, es muy sencillo y sólo tendremos que usar este código...


<script language="JavaScript1.1">
var specifyimage=new Array() //Your images
specifyimage[0]="URL imagen 1"
specifyimage[1]="URL imagen 2"
specifyimage[2]="URL imagen 3"
specifyimage[3]="URL imagen 4"
specifyimage[4]="URL imagen 5"
specifyimage[5]="URL imagen 6"
var delay=3000 //3 seconds

//Counter for array 
var count =1;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}

function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}

window.onload=new Function("setTimeout('movecube()',delay)")
</script><img src="boy4.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=&#39;PUSH&#39;)" /> 

Lo que está en rojo lo tienes que cambiar por la URL de las imágenes que quieres que se muestren y lo que está en azul es el tiempo que se mostrará cada imagen, cada 1000 es 1 segundo.

94 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. al fin me quedo el código ya vi por que no se podía al final esta mal: (stretchStyle='PUSH')" /> por este que si me funciono: (stretchStyle='PUSH')" /> por lo que parece al pegar el código en esta web cambio las "comilla" por: " &#39 "

      Eliminar
  2. hola no logro hacerlo funcionar nose cual es mi error o si ahi algo mal en el codigo ya que probe con el probador de codigo de la misma paguina y no funciona. me interesa mucho la idea y es genial lo quiero poner en mi web gracias

    ResponderEliminar
    Respuestas
    1. Hola, en el probador no funciona este código. Si me dices cual es tu página y me das la url de tus imágenes y cuanto tiempo quieres que se mire cada una con gusto podría ayudarte.

      Eliminar
    2. hey hola mira queria usar el codigo lo meti en Dreamweaver y me dice que hay un error de sintaxis aca for (i=0;i<specifyimage.length;i++) pero no tngo idea de java y no se cual es el error

      Eliminar
    3. Me encantaría ayudarte pero así como tú no tienes idea de java. Yo no tengo ni la mínima idea de Dreamwever, lo siento mucho

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

    ResponderEliminar
  4. perfecto el codigo me funciono. como altero el tamaño general o depende de cada imagen.
    gracias por el codigo son lo maximo....

    ResponderEliminar
    Respuestas
    1. Si, todo depende del tamaño de las imágenes, se adapta sólo.

      Eliminar
  5. Hola, cómo puedo hacer para que las imágenes cambien con un click (con flecha hacia adelante o hacia atrás)

    Gracias!!

    ResponderEliminar
    Respuestas
    1. Puedes usar entonces mejor algún script de galería de imágenes.

      Eliminar
  6. EN PRIMERA INSTANCIA USE EL PROBADOR DE CODIGOS Y NO ANDUVO.
    COMO NO ME QUEDE CONFORME, LO CARGUE EN MI PAGINA Y EN UNA VISTA
    PREVIA FUNCIONO CORRECTAMENTE, LUEGO LO DEJE DEFINITIVO.

    ¡¡¡ MUCHAS GRACIAS, SIGO VIENDO !!!

    VIRULAZO BENVENUTO (virulazo.weebly.com)
    ¡OJO! ENCONTRARAN CUALQUIER COSA PORQUE ESTOY VIENDO CODIGOS A MEDIDA QUE LA VOY HACIENDO.

    ResponderEliminar
  7. Hola! ante todo gracias por esta web!
    Estoy mirando de poner el codigo este de las imagenes y lo tengo como prueba en http://clubdelocio.info/jardinerasamedida/ porque las quiero poner en mi web. Me he encontrado que este codigo NO funciona en explorer pero SI en chrome y mozilla. Alguien tiene la solucion o me podria decir que tengo mal?
    Gracias!

    ResponderEliminar
    Respuestas
    1. Esas son las desventajas de de estos códigos, navegadores viejos como Explorer no los interpreta bien, no hay nada que podamos hacer al respecto.

      Eliminar
  8. Hola! Forzosamente deben ser imágenes desde una url? Pueden ser también desde mi lap?

    ResponderEliminar
    Respuestas
    1. Sí, porque de lo contrario algún visitante no podría ver las imágenes que tienes en tu lap. Al menos de que las subas a Internet. Al subirlas a Internet obtienes la URL

      Eliminar
  9. ¿Tienen que estar las imágenes subidas en png? ¿Puede ser en tiff?

    ResponderEliminar
  10. seria bueno que pongas nuevos temas para ayudar

    ResponderEliminar
  11. quisiera que me ayudes a poner comentarios de las personas como el de tu pagina :)

    ResponderEliminar
  12. Funciona Muy Bien

    http://como-descargar-gratis.com/

    Gracias ...

    ResponderEliminar
  13. hola...como hago para que las imagenes vayan rotando de otra forma????

    ResponderEliminar
  14. como puedo cambiar el tamaño de la imagen ???

    ResponderEliminar
  15. Cómo puedo colocar este codigo en mi pagina jimdo, es de dominio propio, y no me deja editar el codigo por completo, de antemano gracias...

    ResponderEliminar
    Respuestas
    1. Qué quieres editar del código? cuál es tu página?

      Eliminar
    2. como se pude colocar ese codigo en la pagina

      Eliminar
  16. funciona correctamente , y si quiero poner hipernvinculos , solo se los agrego a href a?

    ResponderEliminar
  17. Acabo de utilizar su widget y funciona perfectamente.
    Muchas gracias.
    Solo una cosa ¿Cómo puedo hacer para que las fotografías salgan más en el centro muchas graias.
    http://www.zaiguaweb.com/inicio/fotos/

    ResponderEliminar
  18. Puedes encerrar el código entre

    < center >
    el código
    < / center >

    Solo ponlo todo junto, yo lo puse separado porque no me deja comentar.

    ResponderEliminar
  19. como puedo poner las imagenes del lado derecho e izquierdo

    ResponderEliminar
  20. Puedes encerrar el código entre right si es derecho y left si es izquierdo

    < right >
    el código
    < / right >


    < left >
    el código
    < / left >

    Solo ponlo todo junto, yo lo puse separado porque no me deja comentar.

    ResponderEliminar
    Respuestas
    1. Gras por responder...!!! Me gusta mucho su pag ya lo hice, y solo me da la funcion center right y left no me los da. sera por el tipo de lenguaje o es por el explorador que no lo reconoce..?

      Podrias ayudarme de que otra manera lo podria hacer. estoy utilizando el editor Notepad++

      Eliminar
    2. Agrega esto
      style="float:left;

      después de
      border="0"

      :) así me funcionó, me platicas si no

      Eliminar
  21. Genial truco, una pregunta ¿se podría añadir una URL a las imágenes de manera que al pinchar en ellas te llevara hacia donde tu la has linkeado?

    ResponderEliminar
    Respuestas
    1. Intenté e intenté pero no lo conseguí. Trataré de conseguir otro código y te aviso :) lo que pasa es que este script ya viene todo hecho y es muy poco lo que podemos cambiarle

      Eliminar
  22. Gracias por el codigo, no se porque no me funciona quiero insertarlo en blogger pero no sale nada, las imagenes las subi a dropbox y cree los respectivos enlaces, me podrias ayudar?

    ResponderEliminar
  23. Pregunta... el código puede escribirse así como tal en Dreamweaber?

    ResponderEliminar
    Respuestas
    1. sería de intentar, yo nunca he usado Dreamweaver pero dudo que se pueda

      Eliminar
  24. hola tengo un problema con el código no me funciona en mi sitio web que es http://www.seguridadentimisma.cl me podrías ayudar gracias

    ResponderEliminar
  25. Hola, tengo un problema con el código y a ver si alguien me puede ayudar. El problema es que la primera imagen que pongo, la primera vez que aparece no se puede puede visualizar. Si alguien sabe corregirlo, le agradezco que me ayude. GRACIAS.

    ResponderEliminar
    Respuestas
    1. Hola hola, por alguna razón eso pasa. He estado buscando solución pero todavía no la encuentro.

      En cuanto tenga publico el código arreglado

      Eliminar
    2. Hola,verás,la manera de resolverlo es cambiar la parte:
      < img src="boy4.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" />
      Por:
      < img src="" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" />

      Eliminar
  26. COMO PUEDO PONERLO PARA CENTRARLO AL MEDIO POR QUE SALE A UN COSTADO D:

    ResponderEliminar
    Respuestas
    1. Puedes encerrar el código entre

      < center >
      el código
      < / center >

      Eliminar
  27. MUCHAS GRACIAAAS! DE DIEZZ!! COMO HAGO PARA POONERLE EL BOTON PARA CERRARLO ?

    ResponderEliminar
  28. hola disculpa algun codigo para que las imagenes vayan pasando seguidas de derecha a izquierda??

    ResponderEliminar
  29. <img src="boy4.gif" como funciona esa linea al final del script

    ResponderEliminar
  30. hola tengo un problema haber si me pueden ayudar---

    el codigo lo coloco bien pero por ejemplo si coloco otra vez el mismo codigo mas abajo me aparece en el de arriba y no en el de abajo , alguien me ayuda¿ muchas gracias-

    ResponderEliminar
  31. Alguien me podría explicar lo que hace la función movecube y para que sirve la imagen boy4.gift, por favor????

    ResponderEliminar
    Respuestas
    1. Ademas si quito la linea de boy4.gift, esa imagen me sigue apareciendo, pq??

      Eliminar
    2. Me parece que es por como está configurado, ya es poco lo que se puede editar y ya viene así. Yo tampoco pude quitarle ninguna imagen o ponerle :(

      Eliminar
  32. como le hago para poner vinculos a cada de las imagenes, explica donde coloco el a href, porfaaa

    ResponderEliminar
  33. Buen script. Pregunta: porque la primera foto sale solo el logotipo y las demas salen bien y en la siguiente ronda ya sale bien la primera? no se si me he explicado bien. Gracias y espero la espuesta

    ResponderEliminar
    Respuestas
    1. Fíjate que llevo meses buscando la respuesta a esa pregunta, pero hasta ahora no encuentro ninguna explicación. Es posible que sea un error del script pero solo lo podría modificar quien lo hizo y quien lo subió. Lastimosamente no fui yo :(

      Eliminar
  34. para paginas gratis.es.tl funciona?. o hay algun codigo para hacer algo similar en css

    ResponderEliminar
  35. Excelente muchas gracias funciona a la perfeccion

    ResponderEliminar
  36. gracias ,lo hice y funciona...pero ocurre un error comentado por otros usuarios ,que la primer imagen no aparece..no pregunto como resolverlo porque ya lei la respuesta ,gracias otra vez...

    ResponderEliminar
  37. Funciona bien :D pero como podría hacerle para que las imagenes cambien de tamaño????

    ResponderEliminar
    Respuestas
    1. DEBES COLOCAR IMAGENES DEL MISMO TAMAÑO TODAS ES MAS AFCIL QUE INTENTAR COLOCARLE AJUSTARLAS CON CSS

      Eliminar
  38. La imagen boy4.gif es solo un nombre cualquiera que el creador del script colocó.. basta que cargues ahi tu imagen y listo asunto arreglado. Lo que yo necesito es saber cómo hacer que el cambio entre imágenes sea más liviano no tan fuerte... alguna sugerencia?

    ResponderEliminar
  39. hola a mi me funciona bien pero me gustaria saber como puedo centrar las imagenes ya que a mi me salen en el lado izquierdo de la pantalla y me gustaria poderlas centrar

    ResponderEliminar
  40. soy nuevo en html y javaScript alguien me puede ayudar a ponerlo desde un .js y no desde el mismo .htm

    ResponderEliminar
  41. Saludos amigos GRACIAS POR EL APORTE.. ME GUSTARIA SABER SI SE LE PUEDE AGREGAR UN LINCK A CADA IMAGEN.. DE SER POSIBLE CUAL SERIA LA SINTAXIS ??

    ResponderEliminar
  42. para los que no se les muestra la primera imagen, deben poner el delay despues de mostrar la imagen y no antes, pueden ponerlo asi:
    count++;
    var delay=3000 //3seconds

    ResponderEliminar
  43. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  44. hola q tal me gusto mucho esa aportacion!!! solo que tengo un problema como puedo modificar los tamaños de las imagenes?

    ResponderEliminar
  45. hola q tal me gusto mucho esa aportacion!!! solo que tengo un problema como puedo modificar los tamaños de las imagenes?

    ResponderEliminar
  46. esta super y funciona pecfectamente muchas gracias (y)

    ResponderEliminar
  47. esta super y funciona pecfectamente muchas gracias (y)

    ResponderEliminar
  48. Buen día, Cuando carga no me muestra ninguna imagen, como hago para corregir? Después funciona muy bien.

    ResponderEliminar
  49. gracias por los aporteess!
    hojala me puedas ayudar! como le pongo links a las imagenes??
    AYUDAA!!!!!!
    Gracias!

    ResponderEliminar
  50. gracias por los aporteess!
    hojala me puedas ayudar! como le pongo links a las imagenes??
    AYUDAA!!!!!!
    Gracias!

    ResponderEliminar
  51. Hola, muchas Gracias por la información. Hay alguna manera de ponerlo en un determinado lugar (no solo izquierda, centro o derecha) con algunas coordenadas? Gracias!!

    ResponderEliminar
  52. PUedo ver que todas sus respuestas de TRUCO95, no son nada de ayuda a los visitantes de este blog.

    ResponderEliminar
  53. PUedo ver que todas sus respuestas de TRUCO95, no son nada de ayuda a los visitantes de este blog.

    ResponderEliminar
  54. Buenas noches, ¿Como puedo darle un tamaño especifico a las imagenes?
    Graicas :)

    ResponderEliminar
  55. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  56. Excelente lo incrusté en la página web que estoy haciendo y funcionó perfecto, lo hice en deamweaver CC2015 en modo Código

    ResponderEliminar
  57. como podría insertar un link en las imágenes para que cuando le de a cada una de ellas me lleve a otra pagina

    ResponderEliminar
  58. Donde introduzco este condigo combinando un pag html

    ResponderEliminar
  59. si lo quiero agregar los imagenes de una carpeta

    ResponderEliminar
  60. PARA QUE SE VEA LA PRIMERA!!!!!!

    Hola a todos,
    Para que se vea la primera imagen la solución es reemplazar boy4.gif por la url de la primera imagen, tal cual como lo pones más arriba en el código.

    ResponderEliminar
  61. HOla yo necesito hacer un modulo farmacias de turno, las cuales cambian cada 24 hs es decir a las 0 hs de cada dia. este codigo me puede funcionar poniendo 86400000 milisegundos que son las 24 hs, pero como logro indicarle que ese cambio se realice a las 0 hs de mi zona horaria?

    ResponderEliminar