animate ne fait pas bouger mon image

Bonjour à tous,

J'ai un gros souci d'animation avec jquery.

à droite de mon site, un onglet bouge quand on met la souris dessus :

http://dubinfo.be/jamesservices12/FR/index.php

Voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10

$("#onglet_complet").on('mouseenter', function() { $("#onglets").animate({left:'1150px'}); });   $("#onglet_complet").on('mouseleave', function() { $("#onglets").animate({left:'1370px'}); });

---

Le problème : d'une résolution à une autre, l'onglet se place à des endroits différents ou parfois est carrément caché une fois qu'il perd le focus.

En plus, ça ne fonctionne pas avec Google chrome (le problème semble être connu).

Voyez-vous ce qui ne vas pas svp ?

Merci d'avance.

bee

J'ai finalement résolu le problème par moi-même.

Pour Google Chrome, il faut utiliser le % et non le px.

Voici le code qui a (normalement) résolu mon problème :

Code:

---

1 2 3 4 5 6 7 8 9

$("#onglet_complet").on('mouseenter', function() { $("#onglets").animate({right:'+5%'}); });   $("#onglet_complet").on('mouseleave', function() { $("#onglets").animate({right:'-10%'}); });

---

J'espère que cela aidera quelqu'un ;)

bee

animate accepte les px ... même sous chrome !!

http://jsfiddle.net/GC3AH/