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]="http://img15.imageshack.us/img15/2633/isabela.png"

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

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

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

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

specifyimage[5]="http://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

ayuda

jorge | 17.06.2015

hola q tal. gracias por los aportes. necesito su ayuda extrema
yo quise agregarle links a las imagenes pero no me quedo. que hago como va?? porngan el codigo por faaaa!! saludos

Re: ayuda

jacotey | 30.06.2016

ya encontraste la solucion, yo quiero lo mismo , pero no se como hacerlo

Agradecimiento

Dayanara | 07.10.2014

muy buen còdigo y excelente participaciòn ......... Gracias

pasimo

malo | 03.10.2014

a mi no me sirvio

Modificado para ponerles tamaño

Kelvin | 30.09.2014

Yo lo modifique para que tuviera tamaño, solo modifican el tamaño en height="300" Y EL width="525"

Cambien esto:

</script><img src="boy4.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=&#39;PUSH&#39;)" />

por esto:

</script><img name="cube" border="0" height="300" width="525" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=&#39;PUSH&#39;)" />

duda

eduardo | 26.07.2014

por que tarda al iniciar la pag.

Ayuda

Xalatte | 19.05.2014


Yo meti asi el código 1.jpg 2.jpg son mis imágenes allí pongan sus imágenes y correrá. Creen un archivo html y meten este código las imágenes las tenia en el escritorio

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript1.1">
var specifyimage=new Array() //Your images
specifyimage[0]="1.jpg"
specifyimage[1]="2.jpg"
specifyimage[2]="3.jpg"

var delay=5000 //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="" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=&#39;PUSH&#39;)" />





</head>

Re: Ayuda

Omarmarvi.xtgem.com | 20.05.2014

Muy buena

Agregar...

Pepe | 21.04.2014

Le quiero agregar un href a una imagen, como le hago? Te lo agradecería mucho!

Re: Agregar...

xalatte | 19.05.2014

<a href="A donde quieres que se reedireccione" target="new"><img src="Tu imagen.png"</a>

1 | 2 | 3 >>

Nuevo comentario