[résolu] Déplacement de mon div saccadé sous Firefox

Bonjour !

Presque tout le problème est déjà dans le titre ^^

Je dois sacrément mal m'y prendre pour déplacer ce div.
Sous safari, le déplacement est fluide et me convient. Sous firefox il est saccadé et beaucoup plus lent. Sous chrome c'est simple, rien ne bouge !

voici le lien:
http://pixelart4gcn.appspot.com/validator (cliquez sur l'oeil)

et voici la portion de js (avec des morceaux de jquery dedans) qui s'occupe de déplacer mon div:

timer=""

function slideMachine(offset)
{
    top = parseInt($('#machine').css('top'))
    if (top+offset < 66)
    {
        $('#machine').css('top', top+offset)
        timer = setTimeout("slideMachine("+offset+")", 12)
    }
    else clearTimeout(timer) 
}

//bindé à un onmouseup sur l'image de l'oeil
function onEyeUp(e)
{     
   setTimeout('slideMachine(8)', 500)
}

J'aimerais donc d'une part savoir résoudre le problème de perf sous firefox, et d'autre part celui sous chrome (tout aussi embêtant).
Le code me semble pourtant simple et clair, alors je tique un peu sur le coup.
Merci d'avance
Modifié par MrGecko (28 Oct 2009 - 17:26)

Hello,

Puisque tu utilises jQuery, je te conseille de passer par la fonction animate qui devrait te simplifier la tâche.

Fantastique !
Ca fonctionne un peu plus en douceur sous firefox. Cependant ce n'est pas aussi fluide que je ne l'aurai souhaité .


Je m'étais perdu avec les fonctions scroll et slide de jquery, je ne m'étais pas penché sur animate. Merci beaucoup