Ver Mensaje Individual
  #3 (permalink)  
Antiguo 03/08/2011, 09:14
Avatar de Gguer
Gguer
 
Fecha de Ingreso: abril-2009
Mensajes: 125
Antigüedad: 15 años, 7 meses
Puntos: 1
Respuesta: JQUERY: mouseover a un elemento específico con una clase común

Muchas gracias, Dany_s, ya está solucionado.

Me surgen algunas dudas:

Código HTML:
<div class="imagen">
	<div class="encabezado-img">Encabezado</div>
	<div class="miniaturas">
		<img src="servidor/img.jpg" class="img-miniatura" />
	</div>
         <div class="pie-img">Pie de imagen</div>
</div> 
Esa es la estructura básica del contenido que se genera por cada imagen. Una pregunta es: agregar this como parámetro, además del nombre de la clase, ¿es redundante? Es decir, enviar un $('.imagen', this).mouseover(... en lugar de sólo enviar un parámetro.

Éste es el código JQuery que hace otorga la funcionalidad:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $(".imagen").mouseover(function(event) {
  3.         $(".encabezado-img", this).show();
  4.         $(".pie-img", this).show();
  5.     });
  6.     $(".imagen").mouseout(function(event) {
  7.         $(".encabezado-img,.pie-img", this).hide();
  8.         $(".pie-img", this).hide();
  9.     });
  10. });

Otra duda es: ¿el unir las funciones
Código:
mouseover
y
Código:
mouseout
con un punto (.) es lo que se conoe como callback?

Gracias por la respuesta. Buen día.

Última edición por Gguer; 03/08/2011 a las 09:16 Razón: Correción de nombres