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

La visionneuse d'image

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

L'objet oViewimg() permet de visionner une image à partir de sa vignette var oViewimg = new Viewimg();
oViewimg.show(event, [width], [height]); affiche l'image à partir de l'évènement onclick de la vignette de celle-ci
oViewimg.path = string optionnel, défini le chemin de l'image à afficher, s'il n'est pas renseigner, le path est celui de la vignette

exemple code JavaScript <script type=text/javascript>
<!--
  oNav.addevent(onload, function() {
    oViewimg.path = images/viewer/;
    oEl.get(imgview1).onclick = oViewimg.show;
    oEl.get(imgview2).onclick = oViewimg.show;
    oEl.get(imgview3).onclick = function(){
      oViewimg.show(this, 600, 480);
    };
    oEl.get(imgview4).onclick = function(){
      oViewimg.show(this, 1024, 768);
    };
  };
-->
</script>
exemple code HTML   <!--images vignettes, le chemin des images agrandies est défini par le path-->
  <img src=images/viewer/vignettes/viewimg1.jpg id=imgview1 />
  <img src=images/viewer/vignettes/viewimg2.jpg id=imgview2 />
  <!--image réelle identique à l'image agrandie-->
  <img src=images/viewer/viewimg3.jpg id=imgview3 style=width:320px;height:240px />
  <img src=images/viewer/viewimg3.jpg id=imgview4 style=width:320px;height:240px />
Vous pouvez utiliser la touche echape [escape] de votre clavier pour fermer la visionneuse.

Cliquez sur l'une des images pour la visionner