sobreponer capas

[belcotcha]

Hola a todos!

Estoy trabajando con Dreamweaver, necesito crear un comportamiento concreto de orden de visualización de capas y no se me ocurre cómo hacerlo (creo q con el z-index no es suficiente)... a ver si alguién se ha encontrado con el mismo problema:

Tengo tres imágenes solapadas entre ellas en parte visibles y en parte cubiertas por las demás. Así una está debajo, la otra en medio y otra encima. Quiero que al hacer clic sobre qualquiera de ellas ésta se ponga encima de las demás viéndose entera, y así sucesivamente con qualquiera de las tres, SIN MANTENER EL ORDEN INICIAL es decir, que siempre tengas encima la capa a la que acabas de clicar, en medio la última que has visto y debajo de todo la penúltima que has visto.

Vuestros consejos serán de gran ayuda, tengo que resolver el problema pronto y ya no sé qué más probar...

muchas gracias!!!

Isabel

[gioramies]

Hola. ¿Tienes código?

[GagleKas]

cada vez que se haga clic en una imagen que incremente en 1 el z-index de la capa superior.

[belcotcha]

Gracias por los consejos,
el efecto que yo quiero es que quede constancia del orden en que has visto las capas, porque al no solaparse del todo ves la que te queda justo debajo y así sucesivamente. Y esto no creo q se pueda hacer sólo incrementando en uno el z-index. Porqué en el z-index sólo se pueden introducir valores absolutos (positivos o negativos) y con eso no puede quedar constancia del orden en que has visto las imágenes, Ya que se pueden ir "clicando" aleatoriamente... Es un poco difícil de explicar, el efecto es el de: demo.marcofolio.net/polaroid_photo_viewer/


Aunque en mi caso no hace falta poder mover las fotos. El código aquí me parece un poco complicado (soy principiante). Alguien tiene una sugerencia más sencilla?

Gracias!

Isabel

[gioramies]

porque al no solaparse del todo ves la que te queda justo debajo y así sucesivamente

Es muy cierto lo que dices, puedes tener variables globales en donde coloques el orden actual en el que se encuentran las imágenes, luego verificas, si es la última, deberás subirle más al z-index para que se coloque sobre la primera, porque si subes solo una unidad esta quedará entre las otras dos imágenes, más no sobre la primera. Luego actualizas las variables globales para que estén al tanto de la posición actual de las imágenes.

Saludos.

[GagleKas]

Tienes 3 capas ordenadas asi:

1/2/3 donde 3 es la capa supeior y 1 la infeior.

Inicialmente:

var numCapaSuperior = 3 (variable global)

capa 1: z-index = 1
capa 2: z-index = 2
capa 3: z-index = 3

hasta aqui bien, no?

Cuando se haga clic en la capa 2 haces lo siguiente:

Se ejecutara el "onclick" que tengas e iras a parar a una funcion, por ejemplo cambiaPosCapa (this).

Dentro de la funcion incrementas en 1 la variable global numCapaSuperior.

El parametro this lo recibes como "capa" en tu funcion. Haces capa.style.zIndex = numCapaSuperior;



Ahora lo tendras ordenado asi: 1/3/2

capa 1: z-index = 1
capa 3: z-index = 3
capa 2: z-index = 4

Era esto lo que querias?

[belcotcha]

¡Muchas gracias!

Voy a intentarlo, a ver si me sale. quando lo tenga os pego el código y a ver qué os parece.

Isabel

[belcotcha]

De todas formas habéis visto la página que he puesto al principio, el de las polaroid? no lo he podido adjuntar como link porqué soy novata en esta web y no se nos permite adjuntar links. El efecto que quiero conseguir es el de aquella página. Supongo que con lo que contáis de la variable global también va a funcionar.

Hasta pronto,
Isabel

[GagleKas]

Si, si, ya la vi. Hacen justamente lo que te dije.

Suerte.