[Elément] - Animation texte - Textillate |
Répondre | Page 123> |
Auteur |
Sujet Recherche Options des sujets
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
Envoyé : 24 Feb 2017 à 11:28 |
Bonjour,
je vous présente un nouvel élément pour OpenElement, il permet d'utiliser toutes les options disponibles de Textillate sur vos éléments texte (76 options d'animation de texte !) ATTENTION : L'élément ne fonctionne qu'à partir de OpenElement Version 1.57R1 Textillate est un plugin jQuery pour appliquer des effets visuels animés aux lettres ou mots. Vous pouvez assigner autant d'élément que vous désirez sur une page et créer des effets différents pour chaque élément. Il faut installer le fichier .dll dans le dossier de votre projet (sur le PC) à l'emplacement par défaut : "C:\Users\VOTRE_PROFILE_UTILISATEUR\Documents\openElement\DossierDeMonSiteInternet\Common\Elements\" L'élément est gratuit ! (Et gratuit c'est dans mes prix ! ) ####################################### Présentation : ICI ####################################### Paramétrages disponibles dans l'interface de l'élément : -Onglet "Classe ou ID affectée" : -Classe Perso : Les éléments ayant cette "Classe Perso" seront affectés par l'animation. -Élément : L'élément sélectionné dans le menu popup sera affecté par l'animation. -IDs d'éléments : Liste d'IDs d'éléments séparés par une virgule. Exemple : WE6c0657ab0c,WE0356adf5fd,WE2ffe785e54f -Onglet "Effet de départ " : -Brouillage : Randomise la séquence de caractères (notez que le brouillage n'a pas de sens si synchroniser = cochée). -Délais : Régler le délai entre chaque animation de caractère (en millisecondes). -Échelle de retard : Définir le facteur de retard appliqué à chaque caractère consécutif. -Effet de départ : Effet de départ parmi la banque d'effet (bounce, flash, headShake, hinge, jello, pulse, rubberBand, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideInDown, slideInLeft, slideInRight, slideInUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp). -Sens inverse : Inverser la séquence de caractères (notez que de cocher cette case n'a pas de sens avec Synchronisation = cochée). -Synchroniser : Pour animer tous les caractères en même temps (Cochée = oui). -Onglet "Effet de sortie" : -Brouillage : Randomise la séquence de caractères (notez que le brouillage n'a pas de sens si synchroniser = cochée). -Délais : Régler le délai entre chaque animation de caractère (en millisecondes). -Échelle de retard : Définir le facteur de retard appliqué à chaque caractère consécutif. -Effet de sortie : Effet de sortie parmi la banque d'effet (bounce, flash, headShake, hinge, jello, pulse, rubberBand, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideInDown, slideInLeft, slideInRight, slideInUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp). -Sens inverse : Inverser la séquence de caractères (notez que de cocher cette case n'a pas de sens avec Synchronisation = cochée). -Synchroniser : Pour animer tous les caractères en même temps (Cochée = oui). -Onglet "Paramètre " : -Boucle : Animation en boucle (Cochée = Animation en boucle). -Délais de départ : Définit le délai initial avant de lancer l'animation (en millisecondes). -Lettre ou mot : Effet sur les lettre ou le mots (Cochée = Animation sur les mots). -Temps entre animation : Définit le temps d'affichage minimum entre chaque animation (en millisecondes). -Onglet "Paramètre (expert)" : -Auto start : Définir s'il faut ou non lancer automatiquement l'animation. NOTE : Si vous décochez cette case vous devez démarrer l'animation via un déclencheur : $element.textillate('start') - Start/restart textillate $element.textillate('stop') - Pause/stop textillate $element.textillate('in') - Déclencher le texte actuel dans l'animation $element.textillate('out') - Déclencher l'animation de sortie du texte en cours Cochée = Démarrage automatique Décoché = Pas de démarrage automatique ####################################### -Version de l'élément : V3.0.1 ####################################### Information sur les mises à jours : -Version d'origine : V1.0.1 -Mise à jour le 24 janvier 2017 : V2.0.1 Ajout dans l'onglet "Classe ou ID affectée" de la fonction "Élément" qui permet de choisir dans la liste des éléments de la page, l'élément qui va être affecté par l'animation. -Mise à jour le 28 mars 2017 : V3.0.1 Ajout de l'option IDs d'élément dans "Classe ou ID affectée" Permettre d'assigner plusieurs éléments pour le même Textillate quelque soit les catégories (cumule possible) "Classe Perso" , "Elément" ou "IDs d'éléments". ####################################### @ Bientôt ! Edité par MicroVinc - 28 Mar 2017 à 19:06 |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Super boulot, vraiment génial !!!!!
Je l'ai testé et que du bon !!
|
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
Félicitations !!
|
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
|
Suite à la demande de Larsène :
-Mise à jour : V2.0.1 Ajout dans l'onglet "Classe ou ID affectée" de la fonction "Élément" qui permet de choisir dans la liste des éléments de la page, l'élément qui va être affecté par l'animation. |
|
patricia
Senior Member Depuis le: 12 Oct 2006 Pays: Dominica Status: Inactif Points: 1887 |
Options des messages
Thanks(0)
|
Bonjour,
Une petite question: Textillate ne fonctionne pas sur un texte lien ?
|
|
"Si tout ceux qui croient avoir raison n'avaient pas tort, la vérité ne serait pas loin" Pierre DAC
|
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
|
Il faut utiliser la classe contenu texte du lien...
A essayer .. |
|
running59
Senior Member Depuis le: 27 Juin 2014 Pays: FRANCE Status: Inactif Points: 159 |
Options des messages
Thanks(0)
|
ça marche du tonnerre bravo et merci
|
|
running59
|
|
running59
Senior Member Depuis le: 27 Juin 2014 Pays: FRANCE Status: Inactif Points: 159 |
Options des messages
Thanks(0)
|
Par contre la taille du texte est modifiée par l'animation et je n'arrive pas à trouver pourquoi
|
|
running59
|
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
|
Merci, au plaisir ScrollReveal et Image Splendide aussi (comment faire un placement de produit discrétos)
|
|
MicroVinc
Moderator Group Depuis le: 21 Août 2012 Pays: Bretagne Status: Inactif Points: 4460 |
Options des messages
Thanks(0)
|
Répondre | Page 123> |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |