Bonjour à tous, j'ai suivi un tuto sur grafikart pour avoir une effet de survol lorsque l'on passe la souris sur une image.
Le début de l'animation fonctionne (fond grisé en fadeTo) mais une fois arrivé à la bonne opacité, le fond disparaît alors que la souris se trouve encore sur l'image.
voici mon code js :
et voici le code php :
une idée ?
Merci d'avance !
Modifié par TiKi__FloO (22 Jun 2012 - 18:02)
Le début de l'animation fonctionne (fond grisé en fadeTo) mais une fois arrivé à la bonne opacité, le fond disparaît alors que la souris se trouve encore sur l'image.
voici mon code js :
$(function(){
var current = null;
$('#galerie_photo a').mouseover(function(){
if(current && $(this).index != current.index()){
current.find('span.effet_bg').fadeOut();
}
if (current && $(this).index() == current.index()){
return null;
}
$(this).find('span.effet_bg').hide().fadeTo(500,0.7);
current = $(this);
});
});
et voici le code php :
echo '
<a href="img/big_'.$row['zbeu_images_nom'].'" rel="lightbox[bk]" >
<span class="effet_bg"></span>
<span class="effet_titre">'.$row['zbeu_images_titre'].'</span>
<img src="img/'.$row['zbeu_images_nom'].'" width="241" height="262" />
</a>';
une idée ?
Merci d'avance !
Modifié par TiKi__FloO (22 Jun 2012 - 18:02)