[Elément] - Animation texte - Textillate |
Répondre ![]() |
Page 123> |
Auteur |
![]() ![]() |
MicroVinc ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Moderator Group ![]() ![]() Depuis le: Aug 21 2012 Pays: Bretagne Status: Inactif Points: 4464 |
![]() ![]() ![]() ![]() ![]() Envoyé : Feb 24 2017 à 10:28am |
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 - Mar 28 2017 à 6:06pm |
|
![]() |
|
brolysan ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Depuis le: Aug 14 2009 Pays: France Status: Inactif Points: 9915 |
![]() ![]() ![]() ![]() ![]() |
Super boulot, vraiment génial !!!!!
![]() Je l'ai testé et que du bon !!
|
|
![]() |
|
Larsene ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Admin Group ![]() ![]() Depuis le: Mar 05 2012 Pays: France Status: Inactif Points: 5392 |
![]() ![]() ![]() ![]() ![]() |
Félicitations !!
|
|
![]() |
|
MicroVinc ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Moderator Group ![]() ![]() Depuis le: Aug 21 2012 Pays: Bretagne Status: Inactif Points: 4464 |
![]() ![]() ![]() ![]() ![]() |
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 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Senior Member ![]() ![]() Depuis le: Oct 12 2006 Pays: Dominica Status: Inactif Points: 1895 |
![]() ![]() ![]() ![]() ![]() |
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 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Moderator Group ![]() ![]() Depuis le: Aug 21 2012 Pays: Bretagne Status: Inactif Points: 4464 |
![]() ![]() ![]() ![]() ![]() |
Il faut utiliser la classe contenu texte du lien...
A essayer .. |
|
![]() |
|
running59 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Senior Member ![]() ![]() Depuis le: Jun 27 2014 Pays: FRANCE Status: Inactif Points: 159 |
![]() ![]() ![]() ![]() ![]() |
ça marche du tonnerre bravo et merci
|
|
running59
|
|
![]() |
|
running59 ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Senior Member ![]() ![]() Depuis le: Jun 27 2014 Pays: FRANCE Status: Inactif Points: 159 |
![]() ![]() ![]() ![]() ![]() |
Par contre la taille du texte est modifiée par l'animation et je n'arrive pas à trouver pourquoi
|
|
running59
|
|
![]() |
|
MicroVinc ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Moderator Group ![]() ![]() Depuis le: Aug 21 2012 Pays: Bretagne Status: Inactif Points: 4464 |
![]() ![]() ![]() ![]() ![]() |
Merci, au plaisir ![]() |
|
![]() |
|
MicroVinc ![]() Profil des membres
Envoyer un message privé
Trouve les messages des membres
Visiter la page des membres
Ajouter à la liste
Moderator Group ![]() ![]() Depuis le: Aug 21 2012 Pays: Bretagne Status: Inactif Points: 4464 |
![]() ![]() ![]() ![]() ![]() |
![]() |
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 |