Mira tengo este codigo:
jquery
Código Javascript
:
Ver original$(document).ready(function(){
$("article.usuario").mouseover(function(evento){
if($(this).offset().left < 250)
{
$(this).children('.foto').css({
'left': ($(this).offset().left - 130) + "px",
'top' : $(this).offset().top,
});
}else{
$(this).children('.foto').css({
'left': ($(this).offset().left + $(this).innerWidth() + 10) + "px",
'top' : $(this).offset().top,
});
}
$(this).children('.foto').fadeIn(500);
});
$("article.usuario").mouseout(function(evento){
$(this).children('.foto').css({
'display': 'none',
});
});
});
y el codigo html con php
Código PHP:
Ver original<section id="perfiles">
<?php foreach($dis as $d): ?>
<article class="usuario">
<?php echo anchor
('user/'.$d->usuario,$d->nombre.' '.$d->apellido,array('class' => 'nombre')); ?> <p id="user">Usuario: <?php echo $d->usuario; ?></p>
<p id="yo">Es Diseñador</p>
<div class="foto"><img src="<?php echo base_url(); ?>css/image/fotosuser/<?php echo $d->foto; ?>" width="100" height="100" ></div>
</article>
<?php endforeach; ?>
</section>
Si te fijas al pasar el mouse por el article usuario se muestra la capa foto y si es e se saca el mouse de la capa usuario se esconde la capa foto, ¿ cierto ?
Bueno hasta ahí el codigo esta perfecto pero el problema es que si es que pasa el mouse por la etiqueta P que hay adentro de la capa usuario osea no tendria por que desaparecer la capa foto pero no es haci desaparece y aparece de nuevo y pasa lo mismo con todas las etiquetas que ahy adentro de la capa usuario , si paso el mouse por cualquier etiqueta que este dentro de la capa usuario la capa foto desaparece y aparece de nuevo como dije como que pestañea no se por que pasa