intergration de Easing Jquery

Version imprimable

17/03/2011, 10h08
kobalt3110

intergration de Easing Jquery

Salut à tous !

Voilà j'utilise plusieurs scripts Jquery sur une page HTML:
- Un script me permettant de déplacer la page de gauche à droite et de haut en bas (my_scripts.js).
- Un script qui gère des diaporamas d'images (jquery.nivo.slider.js).

Tout fonctionne à merveille jusqu'à ce que j'ajoute le plugin easing de jquery afin d'avoir de plus jolies animations.

Le script de déplacement de page prend bien en compte les fonctions d'easing qui fonctionnent bien. Pour les diaporamas, c'est une autre histoire : ils ne démarent pas, et j'ai droit à une jolie erreur : javascript : " jQuery.easing[specialEasing || defaultEasing] is not a function"

N'étant pas un pro de jQuery, j'ai parcouru de nombreux forums à la recherche d'une solution.

Je pense que le problème vient de la syntaxe des "animate" du script jquery.nivo.slider.js, que j'ai essayé de modifier de nombreuses façons différentes sans résultats.

Voici le lien en question :
http://www.horstaxelab.fr/test/

D'avance, merci pour votre aide !

MAx
17/03/2011, 10h13
SpaceFrog

A priori on dirait que tu n'a pas intégré correctement easing ...
tu es sur du path vers le fichier js d'easing ?
17/03/2011, 10h31
kobalt3110

Citation:

Envoyé par SpaceFrog

A priori on dirait que tu n'a pas intégré correctement easing ...
tu es sur du path vers le fichier js d'easing ?

Merci pour ta réponse !

Concernant le chemin vers le fichier easing.js, en affichant la source de la page et en cliquant dessus j'accède au fichier. De plus, les effets d'easing sont bien appliqués aux anims du fichiers my_scripts.js, donc en théorie, le problème ne viendrait pas du fichier eaising...

Du moins sauf erreur de ma part; comme je dis, je ne suis pas un expert de jquery...
17/03/2011, 10h36
SpaceFrog

ha desolé j'avais pas vu que le reste des easing etaient bien appliqués ...

Code:

jQuery.easing[specialEasing || defaultEasing]

ça ressemble à un copier coller d'un tuto ça ...
il faut passer les bon paramètres à easing ...

En fait Nivo Slider est un diapo tout fait que j'ai trouvé sur le net avec plusieurs options d'animation, moi j'applique l'option d'animation "fade".

Dans jquery.nivo.slider.js, je pense avoir identifié la partie qui correspond à cette option d'animation ligne 447 :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 (...) else if(settings.effect == 'fade' || vars.randAnim == 'fade'){ var firstSlice = $('.nivo-slice:first', slider); firstSlice.css({ 'height': '100%', 'width': slider.width() + 'px' }); firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), "", function(){ slider.trigger('nivo:animFinished'); }); } (...)
Donc oui en effet je pense que cette syntaxe de la fonction anim n'est pas bonne, le truc c'est que j'ai essayé de la modifier de 30 façons différentes, notamment comme dans mon fichier my_scripts.js sans être certain de bien l'avoir fait à chaque fois, mais impossible de la faire fonctionner...

17/03/2011, 10h44
SpaceFrog

a noter que desormainsjquery easing fait partie du core jquery ui ... tu devrais peut etre laisser tomber le easing et integrer le ui
17/03/2011, 10h46
kobalt3110

et concernant "jQuery.easing[specialEasing || defaultEasing]", c'est l'outil web developer de firefox qui me renvoie ca

[Edit]

Citation:

Envoyé par SpaceFrog

a noter que desormainsjquery easing fait partie du core jquery ui ... tu devrais peut etre laisser tomber le easing et integrer le ui

Ok je vais essayer !
Mais je ne sais pas bien ce qu'est jQuery UI. Dois-je remplacer la ligne qui importe jquery et celle qui importe easing par une seule ligne qui importe jquery UI ?

[Edit]

Ok je vien d'intégrer jquery UI
Mes diaporamas fonctionent à nouveau, mais plus le déplacement de ma page...

http://www.horstaxelab.fr/test/

Je vais creuser la question.

[Edit]

Ok ca a fini par fonctionner avec jQuery UI !

Problème résolu, merci beaucoup pour ton aide !