Secuencia de imagenes
Publicado por Jose (11 intervenciones) el 27/09/2011 23:54:05
Hola a todos. Tengo un problema en una web por que quiero poner una secuencia de imagenes pero en dos div. El script para la secuencia lo tengo y funciona. Pero lo pongo en el <head></head>. El problema que tengo que solo consigo que me funcione la segunda secuencia. Osea me funciona el segundo script. Si los cambio de posición me pasa al revés. El scrip que uso es este:
<script language="javascript" type="text/javascript">
var SecuenciaEjecutandose = false
var SecuenciaID = null
var imagen = 6
var duracion = 3000
if ( CompruebaVersion() ) {
imagenes = new CreaArray( 6 )
imagenes[1].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/1.jpg"
imagenes[2].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/2.jpg"
imagenes[3].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/3.jpg"
imagenes[4].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/4.jpg"
imagenes[5].src = "//imagenes/empresa/perfil de acero/perfil en u/aqui/5.jpg"
imagenes[6].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/6.jpg"
}
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
/*esta línea a la segunda secuencia la llamo secuencia 2*/
imagen++
if ( imagen == 6 )
imagen = 1
}
SecuenciaID = setTimeout(" MostrarSecuencia() ", duracion)
SecuenciaEjecutandose = true
}
function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}
</script>
Como digo me funcionan las dos secuencias, pero no al mismo tiempo, que es lo que andaba buscando. Siempre me funciona la última secuencia que tengo en el <head> Si las cambio de orden, me funciona siempre la última. Luego al body lo llamo asi, <body onLoad="IniciarSecuencia()">.
Alguien me podría echar un cable. Gracias.
<script language="javascript" type="text/javascript">
var SecuenciaEjecutandose = false
var SecuenciaID = null
var imagen = 6
var duracion = 3000
if ( CompruebaVersion() ) {
imagenes = new CreaArray( 6 )
imagenes[1].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/1.jpg"
imagenes[2].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/2.jpg"
imagenes[3].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/3.jpg"
imagenes[4].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/4.jpg"
imagenes[5].src = "//imagenes/empresa/perfil de acero/perfil en u/aqui/5.jpg"
imagenes[6].src = "/imagenes/empresa/perfil de acero/perfil en u/aqui/6.jpg"
}
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
/*esta línea a la segunda secuencia la llamo secuencia 2*/
imagen++
if ( imagen == 6 )
imagen = 1
}
SecuenciaID = setTimeout(" MostrarSecuencia() ", duracion)
SecuenciaEjecutandose = true
}
function IniciarSecuencia () {
DetenerSecuencia()
imagen = 1
MostrarSecuencia()
}
</script>
Como digo me funcionan las dos secuencias, pero no al mismo tiempo, que es lo que andaba buscando. Siempre me funciona la última secuencia que tengo en el <head> Si las cambio de orden, me funciona siempre la última. Luego al body lo llamo asi, <body onLoad="IniciarSecuencia()">.
Alguien me podría echar un cable. Gracias.
Valora esta pregunta
0