Hola tengo y gracias de ante mano miren tengo el siguiente codigo:
Código PHP:
<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>
y el jquery (javascript):
Código Javascript
:
Ver original<script type="text/javascript">
$(document).on("ready", function(){
$('#perfiles .usuario').mouseover(function(){
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(800);
});
$('#perfiles .usuario').mouseout(function(){
$('.foto').fadeOut(400);
});
});
</script>
Bueno lo que pasa es que como ven en el jquery al momento de ponerle el mouse ensima al article class="usuario" se muestra una campa oculta que tiene como clase foto bueno el problema es que cuando pongo el mouse ensima del article class="usuario" aparece la capa foto pero pestañeando y si es que muevo el mouse ensima de la capa sin salirme aparece y desaparece la capa (pestañando) y no deberia pasar por que como dice el codigo al sacar el mouse de la capa class="usuario" se desaparece la capa class="foto" pero a mi no me pasa haci si es que muevo el mouse estando adentro de capa usuario tambien se desapararece la imagen bueno no desaparece completa sino que pesatañea como dije anteriormente