Une alternative au flash Goto(x)

Résolu/Fermé
Semeen Messages postés 21 Date d'inscription lundi 1 juillet 2013 Statut Membre Dernière intervention 26 août 2013 - 1 juil. 2013 à 14:05
 Semeen - 31 août 2013 à 17:15
Bonjour, après maintes recherches je me tourne vers ce forum..
J'ai crée mon site de manière indépendante sans aucune connaissances de base.
D'abord réalisé en Flash, je tente maintenant de le convertir en Javascript ( merci les licences Java..)
Je tente donc de trouver une alternative au Goto(x) en Javascript pour mettre en place des fleches qui changent le temps de l'animation..
A voir également:

11 réponses

BlackYoup Messages postés 181 Date d'inscription mardi 4 décembre 2012 Statut Membre Dernière intervention 10 juin 2014 20
18 août 2013 à 14:03
Par temps d'animation, tu entends : passer à l'image suivante ? Ou que les images défilent + ou - rapidement suivant la flèche cliquée ?
0
Semeen Messages postés 21 Date d'inscription lundi 1 juillet 2013 Statut Membre Dernière intervention 26 août 2013
18 août 2013 à 14:05
Passer à l'image suivante. En gros creation d'un bouton "avant" et "arriere" je cherche a recreer le code "Goto(x)" utilisé en Flash
0
BlackYoup Messages postés 181 Date d'inscription mardi 4 décembre 2012 Statut Membre Dernière intervention 10 juin 2014 20
18 août 2013 à 14:25
Et bien, au vu du code déja en place, il te faut trouver 2 fleches qui resteront fixes (elles ne changeront pas). Tu leur met un attribut :
onClick="a-2; defilimg();" // pour la précédente
onClick="defilimg();" // pour la suivante

Et je pense que ca devrait marcher. Le seul point noir je pense sera le setTimeout("defilimg()",4000); qui fera répeter plusieurs fois la fonction.
0
Semeen Messages postés 21 Date d'inscription lundi 1 juillet 2013 Statut Membre Dernière intervention 26 août 2013
Modifié par Semeen le 18/08/2013 à 14:42
Effectivement ca pose probleme avec le setTimeout.
Je pense que je vais devoir le supprimer et obliger le visiteur a faire defiler les images
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
BlackYoup Messages postés 181 Date d'inscription mardi 4 décembre 2012 Statut Membre Dernière intervention 10 juin 2014 20
Modifié par BlackYoup le 18/08/2013 à 14:49
Non, il y a une solution à tout ;)

Supprimez la fonction setTimeout().
La fonction setInterval sera plus appropriée. Mettre ce code à la fin du script
var interval = setInterval("defilimg()", 4000);

et on rajoute dans le onClick :
clearInterval(interval); setInterval("defilimg()", 4000);

Au vu du code déja en place, c'est ce que je ferais :)
0
Semeen Messages postés 21 Date d'inscription lundi 1 juillet 2013 Statut Membre Dernière intervention 26 août 2013
Modifié par Semeen le 18/08/2013 à 15:04
Le code plante
Apparement cela viens de var interval = setInterval("defilimg()", 4000);
que j'ai copié à l'emplacement de l'ancien set.timeout
0
BlackYoup Messages postés 181 Date d'inscription mardi 4 décembre 2012 Statut Membre Dernière intervention 10 juin 2014 20
18 août 2013 à 15:10
Le setInterval doit être placé en fin de code et non dans la fonction defilimg();
(Petite correction du setInterval au passage)
var interval = setInterval(function() { defilimg(); }, 4000);
0
Semeen Messages postés 21 Date d'inscription lundi 1 juillet 2013 Statut Membre Dernière intervention 26 août 2013
18 août 2013 à 15:27
Bon. Ca fonctionne mais petit hic, une fois un bouton cliqué, le script ne respecte pas le 4000.
Apres clic : Premiere image = 4000, deuxieme image = Passage rapide, troisieme image : 4000.
<button onclick="a-2; defilimg(); clearInterval(interval); setInterval('defilimg()', 4000);">Precedent</button> <button onclick="defilimg(); clearInterval(interval); setInterval('defilimg()', 4000);">Suivant</button>
0
BlackYoup Messages postés 181 Date d'inscription mardi 4 décembre 2012 Statut Membre Dernière intervention 10 juin 2014 20
Modifié par BlackYoup le 18/08/2013 à 15:44
Oui, petit oubli de ma part dans les onClick :
<button onclick="a-2; defilimg(); clearInterval(interval); interval = setInterval('defilimg()', 4000);">Precedent</button> <button onclick="defilimg(); clearInterval(interval); interval = setInterval('defilimg()', 4000);">Suivant</button>

Ceci devrait marcher ;)
0
Semeen Messages postés 21 Date d'inscription lundi 1 juillet 2013 Statut Membre Dernière intervention 26 août 2013
18 août 2013 à 15:49
Parfait merci. Résolu
0
Réponse pour ceux qui chercheraint. Creer une page html par "temps d'animation" recherché.
Page 1 qui amene a page 2 via un bouton en <a href=""> qui amene a Page 3 qui ramene a Page 1.. une boucle quoi.
Appeler la Page 1 via une balise <object> ou <iframe> dans la page html ou doit etre placée cette "anim".
0