Secuencia de imagen

gatoher · #1 (**permalink**) 27/09/2011, 15:49

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:

Código:

<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()">.

Alguién me podría hechar un cable. Gracias.

zerokilled · #2 (**permalink**) 27/09/2011, 17:02

buenas,
es razonable que solamente la última funcione. pues el patrón de código que estas usando tiene ese defecto. me refiero a que estas duplicando un código que esta diseñado de tal manera que las referencias son absolutas y el último siempre sobreescribirá a los anteriores. tienes que abstraer el código de forma que puedas realizar múltiples instancias independientes. en fin, crear una clase y luego obtener instancias.

gatoher · #3 (**permalink**) 28/09/2011, 02:16

Bueno, puede ser. Pero yo no se nada de javascript. Estoy dandolé al PHP ahorra. Hay algún sitio donde pueda conseguir un script diferente que pueda usar, o alguien tiene uno hecho. Estaría agradecido la verdad porque me e quedado ahí parado. Gracias

gatoher · #4 (**permalink**) 29/09/2011, 03:19

Bien e intentado hacer una clase, sigue sin funcionarme, puse esto a ver que les parece:

<style>
#sesion {

background: url ("/imagenes/empresa/perfil de acero/perfil en u/aqui/7.jpg") no-repeat center top;
onLoad="IniciarSecuencia ()";
}
</style>

Eso para la primera sesión que es la que me funciona cree otra igual pero sesión2. Pero sigo sin conseguir que funcione la primera.

zerokilled · #5 (**permalink**) 29/09/2011, 03:32

como te decia en un mensaje anterior... no me refiero a una clase css, sino a una clase en programación. por ejemplo.

Código:

function MyClass(){
...
}

var instance = new MyClass();

en otras palabras me refiero a aplicar programación orientada a objetos. por tanto, seguramente te interesará leer al respecto. javascript orientado a objeto. un ejemplo del material a leer, http://javis.wordpress.com/2006/10/2...ado-a-objetos/. aclaro, que no lo he leido, solo vi por encima el contenido.

sobre un script ya hecho, pues no tengo idea. la verdad es que hace tiempo ya no me dedico a mirar códigos de utilidades.