Une vignette et une photo

Comment ouvrir une image (ou une vidéo) à partir d'une vignette. Prenons l'exemple de la bonne fée (enfin il paraît) Caradjine. Là elle est proposée en version petite et pas cliquable.

Caradjine petite

Voilà comment faire :

1/ A l'aide d'un logiciel de dessin ou d'un éditeur d'image, faire la vignette en sélectionnant une portion de l'image.

Hum, inutile de pirater un logiciel pour ce faire, l'utilitaire de Windows, Paint, par exemple fait ça très bien, la preuve :

Détail sélectionné avec Paint

Copier-coller cette sélection dans une nouvelle image.

2/ Importer toutes les photos nécessaires sur le gandi-blog.

3/ Relever l'adresse de la grande image

4/ Intégrer la vignette dans le billet, la sélectionner et cliquer sur l'outil Insérer un lien .

Image sélectionnée

4/Dans la fenêtre d'insertion de lien, ajouter l'adresse de l'image précédemment copiée.

Cliquez sur l'image et vous verrez le résultat :

Pour revenir à cette page il faudra cliquer sur l'icône page précédente de votre navigateur.

Si on veut que l'image s'affiche dans une autre fenêtre, il vaut mieux le prévoir dès le début et passer en xhtml, cela se sélectionne dans la colonne de droite :

Ensuite on, clique sur source en bas de l'écran : et on tape : « target="blank" » entre l'adresse et le « > »de fermeture de la balise « a href ». On obtient ceci :

Le résultat final : même allure mais résultat différent.

À noter : on peut ainsi ouvrir des images, des vidéos, des liens... en outre, vos lecteurs peuvent avoir paramétré leur navigateur pour que l'image (la vidéo, le lien...) s'ouvre dans un autre onglet.

On peut évidemment appliquer cette procédure en dehors des Gandiblog sur n'importe quelle page html.

retour en haut de la page

Autoformation