hola amigos...
Que pena tanta molestia...
un amigo del foro me ayudo acon un codigo..el ste:
<html>
<head>
<style>
.capas{
border:solid 1px black;
width:400px;
position:absolute;
top:600px;
text-align:left;
overflow:hidden;
}
#segunda{
left:90px;
}
#primera{
left:10px;
}
</style>
<script>
function pasar(esta){
destino=(esta.parentNode.id=="primera")?"segunda": "primera";
alert("hola"+ destino);
d=document.getElementById(destino);
esta.parentNode.removeChild(esta);
d.insertBefore(esta,d.lastChild);
}
</script>
<title>Untitled</title>
</head>
<body>
<div id="primera" class="capas">
<img ondblclick="pasar(this)" src="siguiente.gif">
<img ondblclick="pasar(this)" src="15.gif">
<img ondblclick="pasar(this)" src="10138.jpg">
</div>
<div id="segunda" class="capas">
<img src="vidya5.jpg">
</div>
</body>
</html>
este codigo..pasa imagenes de una capa a otra, pero las coloca abajo una de otra,
OJO CON ESTE COMANDO:
d.insertBefore(esta,d.lastChild);
ESTE COMANDO CREO QUE ES EL QUE INSERTA LA IMAGEN EN LA OTRA CAPA..HABRA ALGUNA MANERA DE QUE NO COLOQUE LA IMAGEN ABAJO SINO QUE LA COLOQUE SOBRE LA IMAGEN DE LA CAPA DESTINO...?
