Buscador
.

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.

64 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
    Respuestas
    1. De la imagen o del espacio en que se muestra?

      Eliminar
  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
  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