Secuencia de Imágenes en JavaScript

¿Tienes varias imágenes y no sabes como hacer un gif animado que las muestre todas? pues si este es tu caso o si simplemete te gustaria hacer una secuencia de imágenes este script te puede ayudar bastante.

<html>
<head>
<title>Secuencia</title>

if ( CompruebaVersion() ) {
imagenes = new CreaArray( 4 )
imagenes[1].src = "imagen1.gif"
imagenes[2].src = "imagen2.gif"
imagenes[3].src = "imagen3.gif"
imagenes[4].src = "imagen4.gif"
}

function CompruebaVersion() {
if (navigator.appVersion.charAt(0) >= 3 && document.images) return true
else return false
}

function CreaArray(n) {
this.length = n
for (var i = 1; i<=n; i++) {
this[i] = new Image()
}
return this
}

function DetenerSecuencia () {
if( SecuenciaEjecutandose )
clearTimeout(SecuenciaID)
SecuenciaEjecutandose = false
imagen = 0
}

function MostrarSecuencia () {
if (CompruebaVersion()) {
document.images[" secuencia "].src = imagenes[imagen].src
imagen++
if ( imagen == 5 )
imagen = 1
}
SecuenciaID = setTimeout(" MostrarSecuencia() ", duracion)
SecuenciaEjecutandose = true
}

function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}

</script>

</head>

</body>
</html>

Usuarios que han visto este tema también han visto...

- Efectos del Ratón
- Ventas móviles con JavaScript
- Script para detección de soporte a Ajax, Cookies y ActiveX
- Música en la página con Javascript
- Precarga de imagenes en Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento