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

Le Carrousel d'images

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_carrousel.js type=text/javascript></script>

L'objet oCarrousel() permet d'afficher un caroussel d'images var oCarrousel = new Carrousel();

oCarrousel.path(path) chemin des images du caroussel (optionnel si elles sont sur la même racine que le document) oCarrousel.fullpath(path) chemin des images à afficher lors du clic sur l'image centrale du caroussel (optionnel)
oCarrousel.space = integer décalage entre les images (de 0 à 100)
oCarrousel.opacity = integer transparences des images (de 20 à 100)
oCarrousel.show(parent, image, ...) crée et affiche le caroussel des images passées en paramètre dans l'élément parent (objet ou id)
oCarrousel.play() anime le caroussel
oCarrousel.stop() stop le caroussel
oCarrousel.click() fonction exécutée lors du clic sur l'image centrale pouvant être redéfinie
oCarrousel.hide() détruit le caroussel

exemple code JavaScript <script type=text/javascript>
<!--
 function Load(){
  oCarrousel.space = 30;  /* décalage des images de 0 à 100 */
  oCarrousel.opacity = 60;  /* transparence des images de 20 à 100(opaque) */
  oCarrousel.path = images/diaporama/;
  oCarrousel.show (divcarrousel, img1.jpg, img2.jpg, img3.jpg, img4.jpg, img5.jpg, img6.jpg, img7.jpg);
 }
 /* ajoute les fonctions à l'évènement window.onload */
 oNav.addevent (onload, Load);
-->
</script>