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
#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
#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
Guiño ¿Cómo escanear un código QR? WMasterT 12 167 04-01-2019, 07:56 AM
Último mensaje: easy english
Sonrisa Código completo con formulario para crear códigos QR WMasterT 4 63 18-12-2018, 05:22 PM
Último mensaje: DamianUzcanga
Música Código para crear el archivo en PHP que crea la imagen de verificación WMasterT 2 37 04-12-2018, 10:44 AM
Último mensaje: easy english
Información ¿Se mantienen o cambian? el Desarrollo web 2019 WMasterT 7 174 26-10-2018, 12:49 PM
Último mensaje: easy english
  [Duda] Ayuda con este codigo Kovea 5 354 05-04-2018, 12:17 AM
Último mensaje: Kovea
  [Aporte] El Editor de codigo Atom! joselp 0 190 14-01-2018, 12:36 PM
Último mensaje: joselp
  [Aporte] Como compartir codigo en la nube con Codepen amner 1 430 14-03-2017, 03:05 PM
Último mensaje: Carlos Mendoza
  jQuery: ocultar imágenes rotas Jvh_22 10 944 03-01-2017, 09:26 PM
Último mensaje: gassip
  Solucionado: [ayuda] Cambio de cabecera automaticamente Sergio09 3 324 06-12-2016, 07:26 AM
Último mensaje: Sergio09
  Ayuda con Código php CarlosAlberto 1 374 03-12-2016, 07:22 PM
Último mensaje: Minenage



Usuarios navegando en este tema: 1 invitado(s)