Information sur les mises à jours :

(chargement et/ou scroll)

   Bonjour,
je vous présente un nouvel élément pour OpenElement, il permet d'utiliser toutes les options disponibles de Scroll-Reveal sur vos éléments 

Scroll-Reveal est une librairie JavaScript qui permet de déclencher l’apparition d’un élément lorsqu'il "entre/apparaît dans le viewport", autrement dit lorsque celui-ci devient visible à l’écran (chargement et/ou scroll).

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 payant contre une petite contribution, la contribution sera ré-investi dans OpenElement (en attendant un interface de partage d'élément via OE). Après l'acquisition de l'élément, vous recevrez automatiquement les éventuelles mises à jour de l'élément.

#######################################

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 "Comportement" :
     -Distance : Distance de départ de l'animation (en pixel).
     -Durée : Durée de l'animation (en millisecondes, exemple : 1000 = 1 seconde).
     -Échelle : Valeur de l'échelle de départ.
          Normale = Pas de mise à l'échelle
          Moyen = Échelle divisé par 2
          Petite = Échelle au minimum.
     -Facteur de vue : Pourcentage de visibilité de l'élément avant de commencer l'animation.
     -Origine : Départ de l'animation.
          Bas en haut = Animation de l'élément de bas en haut.
          Haut en bas = Animation de l'élément de haut en bas.
          Gauche à droite = Animation de l'élément de gauche à droite.
          Droite à gauche = Animation de l'élément de droite en gauche.

-Onglet "CSS assouplissement (expert)" : (cubic-bezier)
     -Easing start x : Facteur d'assouplissement CSS.
     -Easing start y : Pourcentage d'assouplissement CSS.
     -Easing arrive x : Facteur d'assouplissement CSS.
     -Easing arrive y : Pourcentage d'assouplissement CSS.

-Onglet "Délais" : 
     -Délais : Retarder l'animation (en milliseconde, exemple : 1000 = 1 seconde).
     -Utilisation du délais : Utilisation du délais : (retard de l'animation) 
          Toujours = Utilisation du délais à chaque fois. 
          Une fois = Utilisation du délais seulement au premier affichage de l'animation. 
          Chargement page = Utilisation du délais d'affichage de l'animation seulement au chargement de la page.

-Onglet "Options" : 
     -Initialisation : 
          Cochée = Révèle l'animation à chaque fois que des éléments deviennent visibles sur l'écran. 
          Non cochée = Révèle l'animation qu'une seule fois.
     -Opacité : Valeur d'opacité initiale, avant la transition vers l'opacité calculée. 
           Cochée = Opacité active. 
           Non cochée = Opacité non active.
     -Smartphone : Autoriser l'animation sur appareil mobile. 
          Cochée = Animation sur appareil mobile. 
          Non cochée = Pas d'animation sur appareil mobile.

-Onglet "Rotation" :
     -Rotation en x : Rotation en x (en degrés).
     -Rotation en y : Rotation en y (en degrés).
     -Rotation en z : Rotation en z (en degrés).

#######################################

          -Version de l'élément : V2.0.1
          -Version ScrollReveal : V3.3.2

#######################################
Information sur les mises à jours :

	-V1.0.1 le 19 janvier 2017 :
		Fonctionnement validé pour OpenElement V1.53 et supérieure (n'inclut pas les version bêta d'OpenElement).
	-V2.0.1 le 24 mars 2017 :
		Fonctionnement de l'élément pour OpenElement A PARTIR DE LA V1.57 et supérieure (n'inclut pas les version bêta d'OpenElement).
		Ajout de l'option IDs d'élément dans "Classe ou ID affectée"
		Permettre d'assigner plusieurs éléments pour le même ScrollReveal quelque soit les catégories (cumul possible) "Classe Perso" , "Elément" ou "IDs d'éléments".
#######################################

A l'attention des utilisateurs du template SensBlack ou SensWhite :

Pour utiliser l'élément ScrollReveal et avoir toutes les options que propose ScrollReveal il faut impérativement supprimer ou désactiver les 2 blocs de code source dans le calque nommé "Base" :

Le bloc de code source nommé : HTML-JS-SCROLLREVEAL
Le bloc de code source nommé : HTML_JS_SMOOVE

#######################################

@ Bientôt ! 

Edité par MicroVinc - 19 Jan 2018 à 08:10

Répondre	Page 12 3 4 >
Tweet

openElement

[Elément] - Animation d'éléments - ScrollReveal