Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Codigo Imágenes que cambian automáticamente
#1
las imágenes cambiarán automáticamente y podremos configurar el tiempo que queremos.
es un código sencillo:
Cita:<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:progidGran sonrisaXImageTransform.Microsoft.Stretch(stretchStyle='PUSH'Guiño" />


debemos saber que cada 1000 es 1 segundo. Saludos Gran sonrisa
WWW
#2
Hay forma de agregarle un enlace?
WWW
#3
Muy bueno amigo, es de los mas sencillos que he visto, me refiero que mucha gente para lograr esto se liaba y escribía muchas lineas de código. Muchas gracias por compartir Sonrisa
P.D: Fíjate que el código se copió mal por los smiles.
#4
(01-03-2014, 11:57 AM)JUNIOR26 escribió: Hay forma de agregarle un enlace?

a que tipo de enlace te refieres, si es al enlace de una imagen si, pero si es un enlace para iframe no
(01-03-2014, 04:06 PM)aperpen escribió: Muy bueno amigo, es de los mas sencillos que he visto, me refiero que mucha gente para lograr esto se liaba y escribía muchas lineas de código. Muchas gracias por compartir Sonrisa
P.D: Fíjate que el código se copió mal por los smiles.

ushh verdad creo que en esa parte iba el símbolo que remplaza al smile que sale Saludos
WWW
#5
Un código que siempre nos puede sacar de apuros, gracias por compartirlo, solo una pregunta, ¿cómo puedes hacer para que todas la imagenes se muestren en un mismo tamaño sin tener que editarlas?
WWW
#6
Seria editando el código para agregarle un tamaño especifico para las imagen, pero recomiendo editarlas para que sepas como quedaran y todo eso
WWW
#7
Muy bueno me recuerda a mis inicios para colocar imágenes mediante java, ahora utilizo ajax o simplemente algún complemente, pero es muy útil para los sitios en html5 que lo necesitan, saludos.
#8
(24-04-2015, 07:33 AM)JUNIOR26 escribió: Seria editando el código para agregarle un tamaño especifico para las imagen, pero recomiendo editarlas para que sepas como quedaran y todo eso
Si eso sería lo mejor editarlas a un solo tamaño, gracias por la respuesta amigo  ¡Me gusta! . Por cierto ya he probado el código en una de mis webs y funciona muy bien.
WWW
#9
Esto seria muy util para combinar imagenes de publicidad o banners, pero si usas Wordpress como cms, podrias añadir un plugin que hace lo mismo y tan solo tenemos que añadir el codigo que la pagina nos proporcione, el plugin se llama "ADROTATE" y a mí me ha ido bastante bien con él.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Información ¿Se mantienen o cambian? el Desarrollo web 2019 WMasterT 5 61 11-10-2018, 08:40 PM
Último mensaje: ArtuGar
  [Duda] Ayuda con este codigo Kovea 5 272 05-04-2018, 12:17 AM
Último mensaje: Kovea
  [Aporte] El Editor de codigo Atom! joselp 0 140 14-01-2018, 12:36 PM
Último mensaje: joselp
  [Aporte] Como compartir codigo en la nube con Codepen amner 1 385 14-03-2017, 03:05 PM
Último mensaje: Carlos Mendoza
  jQuery: ocultar imágenes rotas Jvh_22 10 847 03-01-2017, 09:26 PM
Último mensaje: gassip
  Solucionado: [ayuda] Cambio de cabecera automaticamente Sergio09 3 299 06-12-2016, 07:26 AM
Último mensaje: Sergio09
  Ayuda con Código php CarlosAlberto 1 337 03-12-2016, 07:22 PM
Último mensaje: Minenage
  Como subir Archivos, Imagenes PHP MysQL gassip 0 1,604 24-10-2016, 06:59 AM
Último mensaje: gassip
  [Duda] Código en ASP NET C# romeho 2 495 26-07-2016, 10:40 PM
Último mensaje: romeho
  Cargar web (con imagenes) mas rapido CarlosAlberto 18 1,589 08-03-2016, 01:34 AM
Último mensaje: LaaprendizdeCM



Usuarios navegando en este tema: 1 invitado(s)