JARIA est une bibliothèque de fonctions développées pour faciliter l'intégration de JavaScript.

     
IE 6+
FF 2+
Opera 9+
Safari 2+
Chrome

Animation de l'arrière plan

fichiers nécessaires <link href=jaria/jaria.css rel=stylesheet type=text/css />
<script src=jaria/jaria.js type=text/javascript></script>
<script src=jaria/jaria_anim.js type=text/javascript></script>

L'objet oAnim() applique une animation d'images dans le fond de la page ou dans un conteneur HTML var oAnim = new Anim();
oAnim.el = [élément] élément recevant les images de fond (oNav.body par défaut) oAnim.path(path) chemin des images de fond (images/q> par défaut)
oAnim.images(string) images à afficher (obligatoire)
oAnim.colors(string) couleurs hexa relatives à chaque image de fond (obligatoire)
oAnim.delai = integer; délai de l'animation (5000 milli-secondes par défaut)
oAnim.loading = boolean; Fenêtre de chargement "Patientez pendant le chargement des images.."
oAnim.action() fonction à redéfinir éxecutée au changement de l'image de fond
oAnim.start() execute l'animation des images de fond
oAnim.clear() stop l'animation et initialise les paramètres

exemple code JavaScript <script type=text/javascript>
<!--
 function Load(){
  oNav.body.style.backgroundRepeat = no-repeat;
  oNav.body.style.backgroundPosition = center top;
  oAnim.path = images/backgrounds/;  /* chemin des images de fond */
  oAnim.loading = true;  /* Affiche la fenêtre de chargement */
  /* Images à afficher (1 chaine de caractères contenant les noms d'images séparées par une virgule ou
    des chaines de caractères de noms d'images séparées par une virgule) comme ci-dessous: */

  oAnim.images(tropical_fruits.jpg, tropical_peroquet.jpg, tropical_plage.jpg, tropical_sun.jpg);
  /* Couleurs à afficher (1 chaine de caractères contenant les valeurs des couleurs en hexa séparées par une virgule ou
    des valeurs de couleurs en hexa séparées par une virgule) comme ci-dessous: */

  oAnim.colors(#cfc2b2, #ffffff, #478cf3, #ffd7a0);
  oAnim.start();  /* Execute de l'animation */
 }
 /* ajoute la fonction Load() à l'évènement window.onload */
 oNav.addevent (onload, Load);
-->
</script>
 
 
Conteneur DIV
Background Animé