Imágenes que cambian automáticamente cada cierto tiempo

Con este código HTML podrás tener varias imagenes que vayan cambiando cada cierto tiempo y dar un aspecto moderno a tu página Web.

 

 

<script language="JavaScript1.1">

var specifyimage=new Array() //Your images

specifyimage[0]="https://img15.imageshack.us/img15/2633/isabela.png"

specifyimage[1]="https://img442.imageshack.us/img442/142/dibujowiw.png"

specifyimage[2]="https://img838.imageshack.us/img838/9773/dibujo2vn.png"

specifyimage[3]="https://img13.imageshack.us/img13/1552/dsc0050kzx.jpg"

specifyimage[4]="https://img88.imageshack.us/img88/9629/dsc0079us.jpg"

specifyimage[5]="https://img707.imageshack.us/img707/820/dsc0097uz.jpg"

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 negrita lo tienes que cambiar por la URL de las imágenes que quieres que se muestren y el tiempo que se mostrará cada imagen, cada 3000 es 3 segundos.

Tema: Imágenes que cambian automáticamente cada cierto tiempo

imagenes q cambian cada seierto tiempo

jorge mendoza | 26.05.2013

como para cada imagen es 3000 por cada 3 seg. no entiendo por q es? o para q son los 3000 ... i como sabre cuanto es si quiero q se cambien cada hora o dia?

Medidas de la imagen

Jhovanna | 23.04.2013

¡Hola!
Una pregunta, ¿Cómo sé cuál es la medida de la imagen con las que aparecerá?

Re: Medidas de la imagen

jose | 30.07.2014

para las medidas agrega a la ultima linea:
<img src="nombre.gif" name="cube" border="0" width="numero" height="numero" style..........

<< 1 | 2 | 3

Nuevo comentario