Bonjour,
J'ai un petit soucis avec mes infobulles. J'ai appliquer le tuto afin que les infobulles s'affiche au survol d'une image. Jusque-là tout va bien. Ce qu'il se passe c'est que si la souris est sur l'infobulle, on a un effet de boucle et la bulle se met à clignoter sans fin. Je pense que c'est dû au fait que lorsque la bulle est générée, la souris n'est plus "over" le lien, donc la bulle disparait et la souris se retrouve à nouveau en contact avec le lien, etc. etc. Que faire pour éviter se problème ?
[url=http://hatfab.dyndns.org/pierredelavie/]la page en question est là[/url]
Et le code js
[code]$(function(){
$("a.bulle, a.zoombox").mouseover(function(){
if($(this).attr("title")=="") return false;

    $("body").append('<span class="infobulle"></span>');
    var bulle = $(".infobulle:last");
    bulle.append($(this).attr("title"));
    $(this).attr("title","");
    var posTop = $(this).offset().top-$(this).height();
    var posLeft = $(this).offset().left+$(this).width()/2-bulle.width()/2;
    bulle.css({
        left:posLeft-8,
        top:posTop+3,
        opacity:0
    });
    bulle.animate(
    {
        //top:posTop+3,
        opacity:1
    },200);
});

$("a.bulle, a.zoombox").mouseout(function(){
    var bulle = $(".infobulle:last");
    $(this).attr("title",bulle.text());
    bulle.animate(
        {
            top:bulle.offset().top-70,
            opacity:0
        },
        1000,
        "linear",
        function(){
            bulle.remove();  
        }
    );
});

});
[/code]
Merci !

Aucune réponse