Le plus simple est encore de tester : cliquez pour voir l'effet
PREMIERE ETAPE :
Allez sur
Cabel.name
Téléchargez le FancyZoom en cliquant sur
FancyZoom 1.1.zip (53 KB)
C'est un fichier .zip : un ensemble de fichiers compressés.
Pour le décompresser, j'utilise WinRAR, fonction Extraire Vers
DEUXIEME ETAPE :
Dans votre administration - Mes Documents - Autres fichiers :
- vous créez un répertoire FANCYZOOM
- dans ce répertoire, vous sauvegardez les fichiers :
-
FancyZoom.js
-
FancyZoomHTML.js
- vous notez leur adresse
TROISIEME ETAPE :
Lorsque vous mettez une image à zoomer dans un article, vous rajoutez en mode source
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/fancyzoom/FancyZoom.js" type="text/javascript"></script>
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/fancyzoom/FancyZoomHTML.js" type="text/javascript"></script>
en remplaçant ce qui est en rouge par vos propres adresses (notées dans la 2ème étape).
Si vous êtes sur Over-Blog, vous pouvez utiliser mes adresses (celles de l'encart ci-dessus).
Toujours en mode source, vous rajoutez
<body onLoad="setupZoom();">
Et maintenant, vous mettez les photos
<a href="image.jpg"><img src="image-thumbnail.jpg" /></a>
image-thumbnail.jpg : l'image en taille miniature qui est à l'écran en mode normal
image.jpg : l'image en grande taille qui apparaît lors du zoom
Il suffit de rajouter ce dernier pavé pour tout image rajouté.
Commentaires