CATALOGUE
Code & Data
Formation
Edge
Apprendre Adobe Edge Animate CC
Intégration de Pop-Up avec JavaScript et Edge Commons
DescriptionProgrammeAvis
59,90€
Je commande
Formation incluse dans l'abonnement Elephorm
Je m'abonne à Elephorm
Association de Pop-Up à des Vignettes Cliquables
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre l'importation de librairies JavaScript depuis un serveur distant.
- Savoir associer des événements de type clic à des éléments spécifiques.
- Manipuler des variables pour configurer et afficher des pop-ups de manière dynamique.
Résumé
Apprenez à associer des pop-ups aux vignettes cliquables dans votre document en utilisant JavaScript et Edge Commons.
Description
Dans cette leçon, nous examinerons comment associer le comportement de la pop-up à chacune des vignettes placées dans un document. Nous couvrirons les étapes suivantes :
- Importation de la classe JavaScript à partir du serveur Edge Commons.
- Configuration des événements de type clic pour chaque vignette.
- Déclaration et utilisation des variables pour structurer et afficher la pop-up.
Nous veillerons également à ce que la présentation soit responsive en ajustant les propriétés telles que Width et Height, et en sélectionnant le type de contenu approprié pour nos pop-ups, que ce soit une image ou une URL.
Questions fréquentes
Questions réponses
Quelle classe JavaScript est importée dans cette leçon ?
La classe JavaScript importée est localisée sur le serveur de Edge Commons.
Quel type d'événement est associé aux vignettes ?
Un événement de type clic est associé à chaque vignette.
Quels types de contenu peuvent être affichés dans la pop-up ?
Le contenu de la pop-up peut être une image ou une URL.
Programme détaillé
Module 1 - Présentation
Module 2 - Découverte de Edge Animate
Module 3 - Importer les éléments graphiques
Module 4 - Utiliser la typographie
Module 5 - Placer et aligner les objets
Module 6 - Gérer une interface fluide (responsive design)
Module 7 - Structurer un projet dans le scénario
Module 8 - Exporter le projet
Module 9 - Les filtres
Module 10 - Les rotations
Module 11 - L’échelle, fixe et en pourcentage
Module 12 - Les masques
Module 13 - Les torsions d’objets
Module 14 - Les accélérations
Module 15 - Les dimensions extensibles de la scène avec fond transparent
Module 16 - Les trajectoires
Module 17 - Le lip sync (mouvement de bouche synchronisé)
Module 18 - Le spritesheet (animation sous forme de pellicule)
Module 19 - Placer un contenu alternatif pour anciens navigateurs
Module 20 - Introduction à l’interactivité
Module 21 - Cibler un objet sur la scène
Module 22 - Importer un style CSS
Module 23 - Appeler un URL
Module 24 - Afficher/Masquer les objets
Module 25 - Gérer les variables et les textes dynamiques
Module 26 - Piloter le scénario au clic et à l’aide de conditions
Module 27 - Piloter le scénario à l’aide de commandes de clavier
Module 28 - Gérer l’affichage selon l’orientation des écrans mobiles
Module 29 - Animer un effet parallaxe à l’aide du pointeur en mouvement
Module 30 - Animer un effet parallaxe à l’aide du scroll (défilement de l’ascenseur)
Module 31 - Insérer une vidéo
Module 32 - Réaliser un chapitrage vidéo
Module 33 - Synchroniser les images d’une vidéo sur un effet parallaxe
Module 34 - Intégrer de l’audio
Module 35 - Personnaliser le curseur de la souris
Module 36 - Insérer un iFrame
Module 37 - Personnaliser le chargeur (preloader)
Module 38 - Introduction aux classes HTML5 de GreenSock (2D et 3D)
Module 39 - Introduction aux librairies JQuery Edge Commons
Module 40 - Conclusion
Mot de la fin
01:26