IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Manipulation KeyFrames avec Javascript


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Ing�nieur du Son
    Inscrit en
    Mai 2016
    Messages
    2
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 28
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Ing�nieur du Son
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Mai 2016
    Messages : 2
    Par d�faut Manipulation KeyFrames avec Javascript
    Bonjour,

    Alors voil� mon probl�me : je voudrais, avec mon javascript, contr�ler la temporalit� de mes Keyframes.

    En utilisant par exemple ce genre d'outils :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    pre.addEventListener('click',function(){
    //Définir la keyframe sur 25% par exemple
    },false);
    Mais je ne trouve pas la propri�t� pour int�ragir avec la position des keyframes, ni m�me comment la connaitre.

    Merci

  2. #2
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Bonjour,
    il existe la m�thode insertRule() en javascript, Bovino en parle dans R�aliser une horloge avec CSS3 et un peu de JavaScript.

    La question que je me pose est : est ce que tu n'aurais pas plus vite fait de passer par des � class � g�rant tes animation-name, d�finies dans ton CSS, et d'affecter la � class � � ton �l�ment.

  3. #3
    Candidat au Club
    Homme Profil pro
    Ing�nieur du Son
    Inscrit en
    Mai 2016
    Messages
    2
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 28
    Localisation : France, H�rault (Languedoc Roussillon)

    Informations professionnelles :
    Activit� : Ing�nieur du Son
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Mai 2016
    Messages : 2
    Par d�faut
    Du coup ce que tu me conseil c'est de faire une classe qui part du d�but, une de l'image 2, une de l'image 3 ? etc...
    Et dynamiser leurs apparitions avec du Javascript ? Genre quand l'image deux est afficher la div pour allez a gauche dirige vers la classe qui commence � l'image 3 ?

  4. #4
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Attention, ayant du mal � voir l'animation que tu cherches � faire et qui concerne visiblement plusieurs �l�ments, tu risques d'avoir un probl�me de synchronisation, quand est ce que l'animation CSS3 se termine pour lancer la suivante.

Discussions similaires

  1. Manipulation fichiers XML avec javascript
    Par michelkey dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 04/12/2014, 15h45
  2. Manipuler les fonctions javascript avec webbrowser
    Par chefinf dans le forum VB 6 et ant�rieur
    R�ponses: 0
    Dernier message: 09/07/2011, 12h44
  3. manipuler Gridview uniquement avec javascript
    Par kssillati dans le forum ASP.NET
    R�ponses: 6
    Dernier message: 20/05/2011, 16h16
  4. Manipuler XML avec Javascript
    Par gatlin dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 27/03/2009, 10h31
  5. R�ponses: 4
    Dernier message: 27/04/2004, 14h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo