Bouton en haut de l'image, problème de survol de la souris avec jQuery

Question

J'ai une série de miniatures. Lorsque vous survolez la miniature avec la souris, un bouton qui se trouve au-dessus de la miniature devient visible. Il est initialement invisible grâce à la propriété de visibilité.

Lorsque je survole, tout va bien, mais lorsque je survole le bouton qui se trouve au-dessus de la miniature, le bouton commence à clignoter. Cela a du sens car je sors de la miniature avec ma souris. Ma question est comment puis-je faire pour que lorsque je survole la miniature et le bouton, cela ne agisse pas comme si je sortais de la miniature. Voici ce que j'utilise actuellement:

$(".adminGalImg").hover(function()
{
    $(this).parent().find(".galImgBtn").css("visibility","visible");
},
function()
{
    $(this).parent().find(".galImgBtn").css("visibility","hidden");
});

Answer 1

Utilisez un div comme conteneur pour contenir l'image et le bouton. Ensuite, lorsque vous survolez le bouton, vous ne quittez pas le conteneur qui bascule la visibilité.

    Bouton

$("#holder").hover(function()
{
    $(this).parent().find(".galImgBtn").css("visibility","visible");
},
function()
{
    $(this).parent().find(".galImgBtn").css("visibility","hidden");
});

Answer 2

Effectuer la fonction hover/sortie sur le conteneur où l'image et le bouton sont contenus, et non sur une image. Par exemple:

$(".container).hover(...);

Cela devrait fonctionner correctement.