Ver Mensaje Individual
  #9 (permalink)  
Antiguo 12/05/2012, 14:27
Avatar de xlos_mas_pro
xlos_mas_pro
 
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 13 años, 7 meses
Puntos: 11
Respuesta: Mostrar imagenes

Mira tengo este codigo:
jquery
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.  
  3.        $("article.usuario").mouseover(function(evento){
  4.               if($(this).offset().left < 250)
  5.               {
  6.                      $(this).children('.foto').css({
  7.                             'left': ($(this).offset().left - 130) + "px",
  8.                             'top' : $(this).offset().top,
  9.  
  10.                      });
  11.  
  12.               }else{
  13.                      $(this).children('.foto').css({
  14.                             'left': ($(this).offset().left + $(this).innerWidth() + 10) + "px",
  15.                             'top' : $(this).offset().top,
  16.    
  17.                      });
  18.               }
  19.   $(this).children('.foto').fadeIn(500);
  20.  
  21.  
  22.        });
  23.        $("article.usuario").mouseout(function(evento){
  24.                       $(this).children('.foto').css({
  25.                             'display': 'none',
  26.                      });
  27.        });
  28. });
y el codigo html con php
Código PHP:
Ver original
  1. <section id="perfiles">
  2.  
  3. <?php foreach($dis as $d): ?>
  4.    
  5.     <article class="usuario">
  6.         <?php echo anchor('user/'.$d->usuario,$d->nombre.' '.$d->apellido,array('class' => 'nombre')); ?>
  7.         <p id="user">Usuario: <?php echo $d->usuario; ?></p>
  8.         <p id="yo">Es Diseñador</p>
  9.  
  10.         <div class="foto"><img src="<?php echo base_url(); ?>css/image/fotosuser/<?php echo $d->foto; ?>" width="100" height="100" ></div>
  11.  
  12.     </article>
  13.  
  14. <?php endforeach; ?>
  15.  
  16. </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