scrMulti : ( cette évènement est similaire au scrInterval, leurs bases sont identiques, seul leur configuration et leur utilité différent).
les scrMulti servent à appliquer un ou plusieur style multi-value en fonction de sa place dans l'interval.
Accueil Documentation
Explication des effets
Explication des configurations
Brevet
Afin de pouvoir utiliser vos effets vous aurez besoin de télécharger des scripts à implémenter
ensuite dans les fichiers de votre site.
Ces scripts étant en JS ils fonctionnent aussi hors connexion.
Le système possèdent un brevet et est protégé par la convention de Bernes, pour en savoir plus sur les droits de son utilisation général allez sur le quatrième bloc
Pour utiliser les effets copier / coller les dans un event.js en dessous du fichiers configScroll.js
chemin (cette fonction contient les effets)
Les chemins peuvent être stocké dans des variables pour être ré-utilisé plus tard dans des scrStatiqueWay, un chemin indique le nombre d'effet à pré-charger, c'est ici que vous gérez l'optimisation d'écoute de vos effets, vous y indiquez aussi le conteneur de scroll de vos effet, par défaut si vous n'indiquez rien ce sera le body
Le chemin étant une closure si vous souhaitez l'activez directement vous devrez mettre des parenthèses à la fin, ce ne sera pas le cas avec un scrStatiqueWay(...)
scrStatique ( cette évènement échange les classes à un point fixe)
scrStatiqueWay ( stock et active un chemin à un point fixe )
Ici nous n'avons pas les parenthèses d'activation
scrInterval (applique un ou plusieurs styles mono-valeur par ligne CSS)
scrInterval(appel_de_debut, appel_de_fin, [
-
config(["id", "id1"], [
- ["propriété_CSS", valeur, "string_after_value", ["string_before_value", valeur_initial]],
- ["transform", 180, "deg)", ["rotate(", 90]]
-
config(["id2", "id13"], [
- ["propriété_CSS", valeur, "string_after_value", ["string_before_value", valeur_initial]],
- ["transform", 180, "deg)", ["rotate(", 90]]
scrMulti : ( base identique au scrInterval, seul leur configuration et leur utilité différent ).
les scrMulti servent à appliquer un ou plusieur style multi-value en fonction de sa place dans l'interval.
exemple d'un scrMulti complet :
- scrMulti(startCall, endCall, [
-
- configMulti(...),
- configMulti(...)
- ], délai_de_rafraîchissement_de_l'effet);
- 1er paramètre : appel de début
- 2ème paramètre : appel de fin
- 3ème paramètre : tableau des configurations
- 4ème paramètre : délai d'actualisation de l'effet ( permet un effet smooth ou plus direct )
La base des effets scrInterval et scrMulti est la même.
Configuration des scrInterval
- exemple : [
-
-
config(["id", "id1"], [["transform", 180, "deg)", ["rotate(", 45]]]),
-
config(["id2"], [
-
["transform", 50, "%", ["translate"]],
-
["opacity", 1, "", [0.5]]])
-
config(["id", "id1"], [["transform", 180, "deg)", ["rotate(", 45]]]),
- ]
Configuration des scrMulti
- exemple de configMulti : [
-
- configMulti(["id", "id1"], "propriété", [
- [valeur, "string_after_value", [
- "string_before_value",
- valeur_initial]],
- [valeur, "string_after_value"]
- ]), configMulti(["id2"], "transform", [
- [180, "deg)", ["rotate(", 90]]
- ])]
La différence entre un style mono-value et multi-value réside dans votre ligne CSS, dans un cas seul une valeur sera modifié :
transform : rotate(180deg);
Dans l'autre autant de valeur que souhaité :
transform : rotate(180deg) translate(-50%,-50%) scale(2);
Droit et condition d'utilisation de ScrollEvent Système
Utilisation
Vous avez le droit de télécharger le script générateur indiqué sur le premier bloc, utilisez ces scripts pour créer des effets à mettre sur un site afin de générer le design de ce dernier, ou montrer vos compétence de design via un portfolio.
Vente d'effet
La vente des effet ne pourra être effectué que sur ce site dans la catégorie MarketPlace du site InteractiveDesign
Interdiction :
Il est strictement interdit d'utiliser Interactive Design Système pour créer un générateur ou mettre en vente vos effet hors du MarketPlace Interactive Design.
Protection
Pour qu'un site puisse être préserver d'une attaque en justice vous devez indiquer son nom de domaine dans la catégorie Compte et posséder dans votre galerie tous les effets indiqué sur le site en question, une vérification du copyright et de l'ensemble du site sera effectué régulièrement pour vérifier que ce ne soit pas une vente caché.
Tout autre utilisation de Interactive Design Systeme autre que ce qu'il est autorisé ici est proscrit et puni par la loi. Ce site ainsi que le générateur Interactive Design sont breveter et protégé par la convention de Berne.