Etape 1: Trouver l'adresse d'image de l'album

Vous avez trouvé sur http://clubalpin.idf.free.fr/Album2/Parapente/2008-08%20Breithorn/slides/04.html une belle image du Cervin.

Oui mais quelle est l'adresse de l'image elle même ?

C'est généralement exactement la même adresse mais avec .JPG ou .jpg à la fin , il suffit d'essayer dans un autre onglet du navigateur

http://clubalpin.idf.free.fr/Album2/Parapente/2008-08%20Breithorn/slides/04.jpg nous renvoie à la page d'accueil -> donc ce n'est pas la bonne adresse

essayons

http://clubalpin.idf.free.fr/Album2/Parapente/2008-08%20Breithorn/slides/04.JPG parfait

Notre adresse d'image est donc http://clubalpin.idf.free.fr/Album2/Parapente/2008-08%20Breithorn/slides/04..JPG

Etape 2 : L'integrer dans le blog

Option 1 : Sans effet

Cliquer sur le bouton image et donner cette adresse dans la boite

Option 2 : Avec effet de zoom

- Basculer en mode source en cliquant sur le bouton


- Ajouter l'appel au script de zoom (une seule fois par billet et avant l'utilisation du script) : Il suffit d'ajouter la ligne
<script src="http://www.clubalpin-idf.com/res/expando.js" type="text/javascript"></script>


- Utiliser ce script avec l'image

<img class="expando" alt="" width="300" border="0" src="http://clubalpin.idf.free.fr/Album2/Parapente/2008-08%20Breithorn/slides/04.JPG" />

 

Un petit exemple

L'image toute bête en 300 de large

L'image en 300 avec l'effet de zoom