Discussion:Tutoriel GreenSock GSAP

4.2 Tutos, exemples Greensock JavaScript Animation, Blog post, 2012. -- Anor9 (discussion) 20 novembre 2014 à 20:33 (CET)

Bonjour, J'ai essayé d'intégrer cette animation dans mon code html Je ne comprends pas où placer les tranche de code qui sont proposés dans le tutoriel mentionné dans le sujet. il y a du html et du javascript. J'aime bien cette animation et je voudrais pouvoir remplacer les images originales par des images de mots en français puis en cliquant on aurait le mot en allemand par exemple (Est-ce bien un projet pédagogique valide ?) Simplement voilà, cela ne donne rien de bien glorieux quand j'ouvre ma page sur firefox. Ce que j'ai fait:

1) Je suis allé sur la page de l'exercice 3 (stic-1)

2) J'ai recopié le code inscrit en exemple dans ma page vierge html

3) J'ai recopié puis intégré successivement le code proposé dans ledit tutoriel mentionné plus haut

4) J'ai recopié le html du tuto dans le body (ce qui m'a donné la structure des cadre pour ensuite pouvoir intégrer mes photos)

5) J'ai recopié le JavaScript dans le head dans un premier temps puis dans le body dans un deuxième.

Voilà, j'ai essayé de suivre la procédure dans le wiki, mais vraisemblablement elle n'est pas assez "je te tiens la main" :( Je vais aller voir d'autres tutoriels sur internet pour mieux comprendre. Mais si vous comprenez mon/mes erreurs, alors je serais enchanté de pouvoir les comprendre..

Re: 4.2 Tutos, exemples Greensock JavaScript Animation, Blog post, 2012. -- Daniel K. Schneider (discussion) 20 novembre 2014 à 21:56 (CET)

Hello,

Il faut déposer votre travail sur notre serveur, sinon je ne peux pas aider.

Ensuite vous donnez le lien vers la page, SVP.

En fait 3 autres trucs pour la prochaine fois.

• Apprenez qqs. commandes wiki (genre laisser une ligne vides entre des lignes qui doivent être séparés, ou utiliser des # pour des listes.
• Utilisez les pages discussion du cours. Une page discussion sert à discuter le contenu d'une page. Donc la page Greensocks n'est pas trop là pour discuter un exercice d'un cours spécifique. Donc:

http://edutechwiki.unige.ch/fr/STIC:STIC_I_-_exercice_3_(Utopia)

• Tjrs être super précis avec les réfs.: "le code proposé dans ledit tutoriel mentionné plus haut" est trop vague, faut mettre des liens.

-- Anor9 (discussion) 21 novembre 2014 à 13:34 (CET)

Ok je vais m'y employer

-- Romain D (discussion) 7 décembre 2014 à 01:54 (CET)

Bonjour,
J'ai complété la page wiki avec un exemple d'utilisation de TimeLineLite. Je voulais cependant inclure un lien vers mon exemple, comme ça a été fait pour les deux exemples précédents. J'ai donc voulu mettre mon fichier html au même endroit que les autres (http://tecfa.unige.ch/guides/js/gsap/) mais je n'arrive pas à y accéder depuis mon client FTP. Comment faire? où dois-je le déposer?

Merci d'avance,
Romain

Re: -- Daniel K. Schneider (discussion) 7 décembre 2014 à 13:18 (CET)

Oui, pour des raisons de sécurité on ne donne plus accès aux étudiants. On s'est fait trop souvent hacker dans le passé (pas par des étudiants, mais par des gens qui ont exploité des failles crées par nos étudiants ...)

Donc simplement faire un lien vers vos pages sur le serveur tecfaetu. Donc vous pouvez par exemple créer un dossier qui s'appelle "gsap" et mettre l'exemple dedans

... et merci pour la contribution.

Re: Re: -- Romain D (discussion) 7 décembre 2014 à 23:43 (CET)

Ok, je vais faire ça alors. Merci