Discussion :

[kobalt3110]

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

[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 ?

[kobalt3110]

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...

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

jQuery.easing[specialEasing || defaultEasing]

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

[kobalt3110]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[SpaceFrog]

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

[kobalt3110]

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

[Edit]

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 !