Foros del Web » Programando para Internet » Javascript »

Duda de Capas

Estas en el tema de Duda de Capas en el foro de Javascript en Foros del Web. Hola gente la verdad que no encuentro forma de solucionar el problema que voy a postear acontinuacion realmente estaria muy agradecido si alguien puede darme ...
  #1 (permalink)  
Antiguo 30/07/2008, 12:17
 
Fecha de Ingreso: julio-2008
Mensajes: 2
Antigüedad: 15 años, 9 meses
Puntos: 0
Duda de Capas

Hola gente la verdad que no encuentro forma de solucionar el problema que voy a postear acontinuacion realmente estaria muy agradecido si alguien puede darme una pista de como seguir o como solucionarlo.. GRACIAS!...

bueno tengo un index en el cual tengo 2 capas una de fondo y un cuerpo que esta dentro de la 1 capa... la funcion jquery que uso es .animate . para que cada vez que el usuario haga click en una opcion la 1º capa "fondo" se mueve a la izquierda y la 2º capa"cuerpo" a la derecha.. el efecto es que constantemente va cambiando dejo una ref, en
flash:
http://www.templatehelp.com/preset/pr_preview.php?i=12081&pr_code=PUFp72vK1DB4w8w60iL jyoNdJdq8Tb

asi tiene que funcionar la codif es algo asi..

<div id="page_margin">
<div class="fondo">
<div class="logo">&nbsp;</div>
<div class="f_visible">&nbsp;</div>
<div class="f_oculto">&nbsp;</div>
<div class="c_visible">&nbsp;</div>
<div class="c_oculto">&nbsp;</div>
<a href="ingrese.asp" class="nyroModal">
<div class="registro">
<div id="test" style="display: none; width: 600px;">
</div>
</div></a>
</div>

y las funciones que uso son las sig:

$(document).ready(function(){
if($(".f_visible").css("backgroung-image") == "") {
$(".f_visible").css("background-image","url(imagenes/fnd_01.jpg)");
}

$("#producto").click(function(){
$(".f_oculto").css("background-image","url(imagenes/fnd_03.jpg)").queue(function(){
$(".f_oculto").animate({"left": "-=958px"}, 1500);
$(".f_visible").animate({"left": "-=958px"}, 1500);
$(this).dequeue();
});
});

para que el "fondo" se mueva a la izq..

<script type="text/javascript">
$(document).ready(function(){
if($(".c_visible").load("home.asp") == "") {
$(".c_visible").load("home.asp");
}
$("#producto").click(function(){
$(".c_oculto").load("producto.asp").queue(function (){
$(".c_oculto").animate({"left": "+=820px"}, 1500);
$(".c_visible").animate({"left": "+=820px"}, 1500);
$(this).dequeue();
});
});

para que el "cuerpo" se mueva a la derecha

asi como esta funciona.. el tema que el "cuerpo" cuando cambio por 2 vez (osea cuando aprieto por 2º vez un boton de seccion" se va por la derecha y no aparece mas.. es como si se fuera del contenedor.... esa es la gran inquietud que tengo.. no puedo hacer que siga el ciclo indefinidamente...

bueno si necesitan mas datos no duden en preguntar creo que esto seria lo necesario para que puedan armar una minima imagen del problema

desde ya muchisimas gracias! y espero una ayuda lo antes posible
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:12.