Bueno nose si entiendan muy bien lo que pasa es que estoy utilizando php con el frameworks codeigniter para mostrar los nombres de los usuarios en una tabla bueno lo que pasa es que el div tiene escondido un campo que se llama foto entonces cuando el visitante de la web pasa el mouse por ensima del div se tiene que mostrar la foto del usuario (Tomando en consideracion que esto se hace con foreach entonces los div se repiten sucesivamente y son muchos div todos con el campo foto ocualto)
Bueno aqui el codigo para que lo entiendan
Código PHP:
<section id="perfiles">
<?php foreach($dis as $d): ?>
<article id="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 id="foto" style="display:none;"><img src="<?php echo base_url(); ?>css/image/fotosuser/<?php echo $d->foto; ?>" width="100" height="100" ></div>
</article>
<?php endforeach; ?>
</section>
ese es el codigo php si se fijan el div foto tiene display none y el article id usuario se repite hasta que se terminen los usuarios
Entonces yo tengo con jquery lo siguiente para que al pasar el mouse por ensima del article se visualice el campo foto
Código Javascript
:
Ver original$(document).on("ready", function(){
$('#usuario').mouseover(function(){
$('#foto').fadeIn(500);
});
});
PERO EL PROBLEMA ES QUE CUANDO LE PONGO EL MOUSE ENSIMA AL DIV ID = USUARIO SOLO ME MUESTRA LA FOTO DEL PRIMER USUARIO Y SI LE PONGO EL MOUSE ENSIMA A OTRO USUARIO ME SIGUE MOSTRANDO SOLO LA FOTO DEL PRIMER USUARIO