Ajouter la lightbox dans Izispot

Objectif
Lors d'un clic sur une image dans Izispot, l'image s'affiche en grand dans la page
N'oubliez pas par précaution d'effectuer vos modifications sur une copie de votre site.
Veillez également à faire une sauvegarde de votre site sur votre serveur.
La prudence est mère de sureté !

Comment

Télécharger l'archive lightbox en français
Déclarer les fichiers nécessaires dans la page
Attribuer l'effet à une image

Etapes

Téléchargez et dézippez l'archive http://www.filedropper.com/lightbox2033fr
Dans Izispot ouvrez votre site et cliquez sur le nom de la page dans la barre de gauche pour l'éditer
Cliquez sur Source HTML <head> et copier-coller la portion de code suivant (remplacer votresite.com par l'adresse de votre site) :

<script type="text/javascript" src="http://votresite.com/js/prototype.js"></script>
<script type="text/javascript" src="http://votresite.com/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://votresite.com/js/lightbox.js"></script>
<link rel="stylesheet" href="http://votresite.com/css/lightbox.css" type="text/css" media="screen">

Ajoutez une nouvelle image dans votre page et refusez la réduction de l'image
Réduisez la taille de l'image manuellement à la taille désirée
Créez un lien sur l'image en cliquant sur l'onglet lien en bas à gauche d'Izispot à côté de l'onglet image.
Cliquez sur le bouton une page du site et choisissez une page quelconque du site. Sans importance puisqu'on va modifier ça par la suite
Cliquez sur l'onglet Source html <body> et cherchez une ligne qui ressemble à peu près à celle-ci (les nombres peuvent varier) :
<P><A href="perso.asp?num_langue=7&num_page=30&flash=non"><IMG border=0 src="http://127.0.0.1:5126/image.asp?num_image=17" width=70 height=74></A></P>
Remplacez l'url du lien par l'url de l'image soit :
perso.asp?num_langue=7&num_page=30&flash=non par http://127.0.0.1:5126/image.asp?num_image=17
Ajouter l'attribut rel=lightbox à la balise A
On se retrouve au final avec :
<A href="http://127.0.0.1:5126/image.asp?num_image=17" rel=lightbox><IMG border=0 src="http://127.0.0.1:5126/image.asp?num_image=17" width=70 height=74></A></P>

Mise en ligne
Il est temps maintenant de mettre en ligne le site :

cliquez sur le bouton de mise en ligne
renseignez les champs (serveur, identifiant, mot de passe) si ce n'est déjà fait
cliquez sur le bouton fichiers complémentaires
faites glisser les dossiers js, css et images contenus dans l'archive lightbox dans cette fenêtre
cliquez sur le bouton Démarrer la mise en ligne