Bonjour à toutes et tous,
donc voici voilà un tuto très rapide sur autoviewer.
Apres l'avoir copier sur votre disque dur, allez dans le répertoire autoviewer. Vous y verrez plusieurs fichier . Mais ceux qui nous intéresses ceux sont : le fichier index.html , le fichier xml et le répertoire image.
Placez vos images dans le répertoire images ; le format jpg est tout indiqué ici.
Ensuite, ouvrez le fichier gallery.xml avec un éditeur de type tacohtml ou autres.
En haut nous voyons plusieurs options :
<gallery frameColor="0xFFFFFF" frameWidth="15" imagePadding="20" displayTime="6" enableRightClickOpen="true">
Gallery framecolor est la couleur de fond de votre viewer
framewiwidth est la taille du cadre autour des images
image padding est l'espacement entre les images
displaytime est le temps de visonnment de l'image en secondes
enablerightclickopen est l'autorisation des clicks droits ( true = oui)
en suite pour les images .
pour chaque image , il faudra recopié le code de votre fichier , c'est à dire :
<image>
<url>images/03.jpg</url>
<caption></caption>
<width>700</width>
<height>465</height>
</image>
si vous avez dix images , il faudra dix fois ce code.
url est l'adresse de l'image (changer juste le nom)
caption est le commentaire que vous voulez faire apparaître sur l'image
width et height est la taille de l'image ( pomme + i sur votre image pour voir sa taille)
une fois fini , sauvegarder et tester en local en double cliquant sur le fichier index.htm
quand vous êtes satisfait , copier le tout vers votre hébergeur.
pour l'intégration dans iweb , une iframe de ce type sera intégrer dans un fragment html (widget)
<iframe src="http://votrecompte/autoviewer/index.html" frameborder="1" width="820" height="550" scrolling="no" style="border: 1px solid #dcdcdc"></iframe>
@+