Superponer imagenes.

[paxarin]

Muy buenas estoy creando una web para una floristeria.
Cuando accedes a la web aparece con un fundido un ramo de flores que pasado unos segundos desaparece y aparece el menu de navegación, footer etc.
Esto lo hice con jquery usando fadeOut y fadeIn.
Hasta hay todo claro, el problemilla que no consigo solucionar es que una vez desaparezca el ramo deberia aparecer en su lugar una galeria de imagenes, pero .....y aqui bien en tema...no se como hacerlo, ya que no se superpone, no se si me entendeis. pense en un z-index pero no tengo claro que funcione.
Alguien me puede echar un cable?
Un saludo

[memoadian]

Y ya alicaste el z-index?

la unica forma de tener claro si algo funciona es probarlo.

[paxarin]

lo probare este finde haber que sucede.

[caricatos]

Hola:

Los posicionamientos se resuelven con estilos... el z-index debe considerarse si están superpuestas, pero eso se consigue con el posicionamiento absoluto y valores similares de top y left...

Puedes evitar eso del zIndex si con el estilo visibility o display ocultas las capas...

Saludos

Por cierto, movemos el tema hacia css....

[paxarin]

Probando cosas me hallo, ya os cuento.

[paxarin]

Solucionado:
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#flor").fadeOut(0,function(){ $(this).fadeIn(4000); });
$("#flor").fadeIn(0,function(){ $(this).fadeOut(3000); });
$("#flor2").fadeOut(0,function(){ $(this).fadeIn(8000); });
$("#nav").fadeOut(0,function(){ $(this).fadeIn(6000); });
$("#credits").fadeOut(0,function(){ $(this).fadeIn(6000); });
$("#text").fadeOut(0,function(){ $(this).fadeIn(6000); });

});
</script>
y como css:
#flor{position:absolute;left:500px;top:75px;z-index:-1;}
#flor2{position:absolute;left:500px;top:75px;z-index:1;}.
Un saludo