BLOG

Comment insérer une animation Loxia Studio dans Open Element ?

Publié le 06 Mars 2012

Open Element

Open Element

Vous avez réalisé votre animation et souhaitez maitenant l'intégrer dans Open Element.
L'article qui suit vous expliquera comment procéder.

Open Element

Vous avez réalisé votre animation et souhaitez maitenant l'intégrer dans Open Element.
L'article qui suit vous expliquera comment procéder.



Ouvrir votre projet Open Element

Ouvrir votre projet Open Element

La première étape consiste à accéder à la page dans laquelle vous souhaitez insérer votre animation.
Dans le panneau de droite, cliquez sur l'onglet Elements.

Ouvrir votre projet Open Element

La première étape consiste à accéder à la page dans laquelle vous souhaitez insérer votre animation.
Dans le panneau de droite, cliquez sur l'onglet Elements.



Insérer un bloc de code 1 sur 1

Insérer un bloc de code 1 sur 1

Dans le panneau qui vient de s'ouvrir, double-cliquez sur la rubrique Interactivité de façon à faire apparaître l'option Bloc de code.
Glissez ensuite l'élément sur la page.

Insérer un bloc de code 1 sur 1

Dans le panneau qui vient de s'ouvrir, double-cliquez sur la rubrique Interactivité de façon à faire apparaître l'option Bloc de code.
Glissez ensuite l'élément sur la page.



Insérer un bloc de code 2 sur 2

Insérer un bloc de code 2 sur 2

Une nouvelle fenêtre s'ouvre. C'est dans cette dernière que cous copierez le code d'intégration de votre animation.
Rendez-vous maintenant sur la page de présentation de votre animation sur loxiastudio.

Insérer un bloc de code 2 sur 2

Une nouvelle fenêtre s'ouvre. C'est dans cette dernière que cous copierez le code d'intégration de votre animation.
Rendez-vous maintenant sur la page de présentation de votre animation sur loxiastudio.



Copier le code d'intégration

Copier le code d'intégration

Copiez le code d'intégration fourni par loxiastudio puis retournez dans Open Element.

Copier le code d'intégration

Copiez le code d'intégration fourni par loxiastudio puis retournez dans Open Element.



Coller le code d'intégration

Coller le code d'intégration

Collez le code dans la fenêtre Bloc de code, et notez les valeurs width et height.
Elles correspondent à la taille que vous avez définie pour votre animation.

Coller le code d'intégration

Collez le code dans la fenêtre Bloc de code, et notez les valeurs width et height.
Elles correspondent à la taille que vous avez définie pour votre animation.



Adapter la taille et placer l'animation

Adapter la taille et placer l'animation

En bas de page vous trouverez 2 champs nommés L et H. Reportez-y les valeurs précédemment notées de façon à faire correspondre la taille du bloc à celle de votre animation.
Ensuite, placez le bloc sur la page selon vos souhaits par simple glisser/déplacer.
Pour finir, cliquez sur le bouton Prévisualisation en haut de page.

Adapter la taille et placer l'animation

En bas de page vous trouverez 2 champs nommés L et H. Reportez-y les valeurs précédemment notées de façon à faire correspondre la taille du bloc à celle de votre animation.
Ensuite, placez le bloc sur la page selon vos souhaits par simple glisser/déplacer.
Pour finir, cliquez sur le bouton Prévisualisation en haut de page.



Félicitations !

Félicitations !

Votre animation a bien été ajoutée à votre site.

Félicitations !

Votre animation a bien été ajoutée à votre site.

Commentaires

  • support@loxiastudio.com

    Publié le 06 Mars 2012

    Pour toute question ou commentaire, n'hésitez pas à poster ici.

    Connectez-vous pour répondre

  • delphinethibault@yahoo.fr

    Publié le 06 Juin 2013

    super!
    Merci

    Connectez-vous pour répondre

  • misssmomo@hotmail.fr http://ka93.forumactif.org/

    Publié le 31 Octobre 2013

    magnifiqueeeeeeeeeeeee

    Connectez-vous pour répondre

  • argo-auto@sfr.fr

    Publié le 04 Juin 2014

    Le bloc de code (pas plus que le bloc de code masqué) n'apparaît pas à l'endroit indiqué sur la démo, y a t'il un paramétrage, une version particulière ?

    Merci de votre réponse

    Connectez-vous pour répondre

    • argo-auto@sfr.fr

      Publié le 04 Juin 2014

      Le bloc de code (pas plus que le bloc de code masqué) n'apparaît pas à l'endroit indiqué sur la démo, y a t'il un paramétrage, une version particulière ?

      Merci de votre réponse


      C'est bon j'ai compris
      Merci

      Connectez-vous pour répondre

mot de passe oublié?