C'est assez simple et rapide à réaliser.
Première étape :
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
Deuxième étape :
Dans l'administration de votre blog - Mes Documents - Autres fichiers :
- vous créez un répertoire FANCYZOOM
- dans ce répertoire, vous sauvegardez les fichiers : FancyZoom.js et FancyZoomHTML.js
Troisième étape :
Avant l'une image à zoomer, vous rajoutez en HTLM
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/fancyzoom/FancyZoom.js" type="text/javascript"></script>en remplaçant ce qui est en rouge par vos propres adresses (notées dans la 2ème étape).
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/fancyzoom/FancyZoomHTML.js" type="text/javascript"></script>
Si vous êtes sur Over-Blog, vous pouvez utiliser mes adresses (celles de l'encart ci-dessus).
Puis, toujours en html, vous rajoutez
<body onLoad="setupZoom();">Et maintenant, vous mettez les photos
<a href="image.jpg"><img src="image-thumbnail.jpg" /></a>image.jpg : l'image en grande taille qui apparaît lors du zoom
image-thumbnail.jpg : l'image en taille miniature qui est à l'écran en mode normal
Ensuite, à chaque photo rajouté dans l'article, il vous suffit de rajouter ce dernier pavé.
Bonjour,
RépondreSupprimerJ'ai tout fait comme vous l'avez indiqué, mais rien à faire il rejète body onLoad="setupZoom J'ai été sur le site de FanzyZoom j'ai bien mis le script en haut de ma page suivi de body on Load mais ce la ne fonctionne pas. Je suis encore débutante en mode HTML. Vous dites également de créer un dossier "fancyzoom" dans les fichers ce n'était pas marqué mais j'ai également importer les fichiers zoom.
Je suis en mode prémium.
Merci de m'expliquer plus clairement car je patoge !!