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.