Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] problema con fading y divs anidados

Estas en el tema de problema con fading y divs anidados en el foro de Jquery en Foros del Web. hola como estan! mi problema es el siguiente, tengo un div, con otro dentro, y a su ves ese tiene otros mas, al colocar el ...
  #1 (permalink)  
Antiguo 21/02/2014, 17:58
Avatar de JAK^  
Fecha de Ingreso: octubre-2005
Ubicación: ^^CaMiNiTo Al CoSTaDo DeL
Mensajes: 850
Antigüedad: 18 años, 6 meses
Puntos: 4
problema con fading y divs anidados

hola como estan! mi problema es el siguiente, tengo un div, con otro dentro, y a su ves ese tiene otros mas, al colocar el mouse sobre el primer hago un fadein del segundo y al sacar el mouse hago un fadeout de ese mismo, (el div contenedor y el segundo que aparece tienen el mismo tamaño) el problema es que al pasar el mouse sobre algun div de los que tiene adentro el segundo, se produce un parpadeo raro

el codigo que tengo es

$('#baner-central') .fadeIn("slow", function(){ });

$('#baner-central') .mouseover(function(){
$('#baner-central-over').fadeIn("slow", function(){ }); });

$('#baner-central-over') .mouseout(function(){
$('#baner-central-over').fadeOut("slow", function(){ }); });


don de los divs son

<div id:"baner-central">

<div id:"baner-central-over">
<div id:"texto">textooo</div>
</div>


</div>

es decir al colocar el mouse sobre baner-central aparece baner-centra-over, que ocupa todo el espacio de baner-central. pero baner-central-over tiene dentro otro pequeño con un texto, que al pasar por ese se produce ese parpadeo, desaparece y aparece de vuelta baner-central-over

bueno espero se entienda jajaja. saludos y gracias!!
__________________
hola . . .
  #2 (permalink)  
Antiguo 21/02/2014, 22:20
Avatar de JAK^  
Fecha de Ingreso: octubre-2005
Ubicación: ^^CaMiNiTo Al CoSTaDo DeL
Mensajes: 850
Antigüedad: 18 años, 6 meses
Puntos: 4
Respuesta: problema con fading y divs anidados

bueno solucionado! paso a comentar como por las dudas alguien necesite, simplemente lo que hice es colocar un div encima de todo con la propiedad css position:absolute, y las acciones de mouse se las coloque a este. y listo! solucionado
__________________
hola . . .

Etiquetas: anidados, divs
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 21:30.