Foros del Web » Programando para Internet » Jquery »

Pasar parametros a funcion jQuery

Estas en el tema de Pasar parametros a funcion jQuery en el foro de Jquery en Foros del Web. Hola gente tengo una duda, tengo esta funcion para hacer que un span encima de una foto aparezca y desaparezca al pasar. Código HTML: <script> ...
  #1 (permalink)  
Antiguo 11/05/2012, 05:54
 
Fecha de Ingreso: febrero-2012
Mensajes: 59
Antigüedad: 12 años, 9 meses
Puntos: 0
Pasar parametros a funcion jQuery

Hola gente tengo una duda, tengo esta funcion para hacer que un span encima de una foto aparezca y desaparezca al pasar.

Código HTML:
<script>
	function animacion_entrar(){
	  $("#producto").animate({
	  	opacity: 0.8,
	  }, 600 );
	}
	function animacion_salir(){
	  $("#producto").animate({
	  	opacity: 0,
	  }, 600 );
	}
</script> 
Llamandolo asi desde el span

Código PHP:
<div class="wrapper pad_top1 pad_bot2">
                        <
span id="producto" class="producto">PRODUCTO 1<br/><span>Descripcion del producto</span></span>
            <
figure class="pad_bot3"><a href="#"><img src="images/page3_img1.jpg" alt="" onMouseOver="animacion_entrar()" onMouseOut="animacion_salir()"></a></figure>
      </
div
El problema es que tengo 6 fotos y en todas me activa solo la primera al pasar sobre ella.

Mi duda es, como hago para pasarle un valor a la funcion, que sería el nombre de la foto sobre la que esta, para que solo modifique los valores de esta.

Si sabeis de algun plugin jquery o algo que haga el mismo efecto, no me importaria utilizarlo.

Ya me comentareis, gracias.
  #2 (permalink)  
Antiguo 11/05/2012, 08:27
Avatar de Dafonz  
Fecha de Ingreso: octubre-2009
Mensajes: 127
Antigüedad: 15 años, 1 mes
Puntos: 36
Respuesta: Pasar parametros a funcion jQuery

Recuerda que la id es única en todo el documento. Y lo único que necesitas hacer es la función agarre el this (osea el de ese momento), por ejemplo:

Código Javascript:
Ver original
  1. $('.imagen').hover(function() {
  2.             $(this).animate({
  3.                 opacity: 0.8,
  4.                 }, 600 );
  5.         },function() {
  6.             $(this).animate({
  7.                 opacity: 0,
  8.                 }, 600 );
  9.         });

Y en las imagenes ponerle solo la clase "imagen":
Código HTML:
Ver original
  1. <img src="images/page3_img1.jpg" alt="" class="imagen" >
Igual se me hace raro el efecto que desaparezca cuando esta sobre..
  #3 (permalink)  
Antiguo 21/05/2012, 08:30
 
Fecha de Ingreso: febrero-2012
Mensajes: 59
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Pasar parametros a funcion jQuery

Muchas gracias! Me habia llegado al SPAM no se por que y no te pude contestar.

Gracias!

Etiquetas: funcion, parametros
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:56.