Sommaire

La bibliothèque Granim

1. Les objectifs

La bibliothèque Granim (https://sarcadass.github.io/granim.js/index.html) permet de dynamiser vos pages web en animant des dégradés. Vous en avez la démonstration dès la page d’accueil du site.

images/C06-015.png

Pour visualiser les différents effets des dégradés animés, cliquez sur le bouton Examples :https://sarcadass.github.io/granim.js/examples.html

images/C06-016.png

Pour connaître tous les paramètres d’utilisation de cette bibliothèque, cliquez sur le bouton API (https://sarcadass.github.io/granim.js/api.html).

images/C06-017.png

2. Installer la bibliothèque

Comme toujours, la première étape consiste à installer la bibliothèque dans vos pages web.

Dans la page d’accueil du site de Granim, cliquez sur le bouton Download.

Puis, sur la page du GitHub de Granim, téléchargez la dernière version disponible.

Vous téléchargez une archive nommée granim.js-1.1.1.zip. Le numéro est fonction de la version téléchargée, bien sûr.

Décompressez cette archive.

Dans le dossier dist, copiez le fichier JavaScript minimisé de Granim, granim.min.js.

Dans le dossier de votre site, placez ce fichier là où vous le souhaitez.

Dans chaque page HTML qui doit utiliser cette bibliothèque, faites une liaison au fichier JavaScript :

<script src="granim.min.js"></script>

Dans cet exemple, le fichier JavaScript ...