onload qui n'a pas l'air de se lancer

onload qui n'a pas l'air de se lancer - HTML/CSS - Programmation

Marsh Posté le 12-04-2011 à 11:56:03    

Bonjour,
 
J'ai crée un code JavaScript qui me permet de faire bouger une image en jouant avec le backgroundPosition. J'ai donc fait deux fonctions, une qui bouge l'image vers le haut, l'autre vers le bas. Exemple, l'image monte, une fois arrivée en haut, on appelle dans le else l'autre fonction qui l'a fait descendre. Pour tester, je met des alert, cela marche très bien, mais une fois mes alert retirés, je relance mon code. Rien ne se passe.. Est ce qu'il serait possible que quelqu'un m'éclaire ? Voici mon code pour plus de précision : http://pastie.org/1786188 .
 
Merci.
 
Cordialement, LowTage.

Reply

Marsh Posté le 12-04-2011 à 11:56:03   

Reply

Marsh Posté le 12-04-2011 à 13:02:23    

Utilise Firebug pour voir ce qui se passe.
 
ps : l'image de background avec une url de type file:// c'est pas bon :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 13-04-2011 à 11:15:02    

Ça y est! J'ai trouvé, mais bon je me heurte à un nouveau problème.. L'image arrive parfaitement à rebondir de haut en bas mais au bout d'un moment sa vitesse augmente, comme si elle passait deux fois dans la même fonction.. J'ai un peu de mal à voir où se situe exactement le problème.  
Voici mon nouveau script : http://pastie.org/1790384 .  
 
Si une personne voit un peu près où je me plante.
 
Merci.
 
Cordialement, LowTage.

Reply

Marsh Posté le 13-04-2011 à 11:23:12    

Plutôt que de réinventer (mal) la roue, pourquoi tu n'utilises pas une style JQuery ou Script.aculo.us qui est cross-browsers et qui gère très bien les animations :??:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 13-04-2011 à 11:32:42    

En jQuery il faut que la souris passe dessus pour que l'image bouge. Alors que moi je voudrais que l'image bouge toute seule. C'est possible en jQuery ?

Reply

Marsh Posté le 13-04-2011 à 11:38:20    

LowTage a écrit :

En jQuery il faut que la souris passe dessus pour que l'image bouge. Alors que moi je voudrais que l'image bouge toute seule. C'est possible en jQuery ?


 
Où t'as vu cette limitation :??:
 
Sur http://api.jquery.com/category/effects/ , y'a rien qui indique ça. Ce sont des bêtes fonctions JS, donc tu les appelles sur l'événement que tu veux :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 13-04-2011 à 17:53:38    

Pas mal, je viens de passer l'après-midi dessus :) On ne peut pas déplacer d'élément vers de la droite vers la gauche ? Et en diagonale ?

Reply

Marsh Posté le 14-04-2011 à 09:43:49    

http://api.jquery.com/animate/ la parie consacrée à .animate( properties, options ) -> faudrait apprendre à lire une doc :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed