Gallérie des photos dans un article

Aimeriez-vous mettre une gallérie d’image (photos) dans l’un de vos articles ? Pour accomplir cette prouesse, voici ce qu’il vous faut faire :

1. Héberger vos images (photos) sur votre compte Photobucket, Flirck ou Google pagecreator.

2. Mettez chacun des liens vers vos images (photos) dans un code suivant :

<A HREF="URL DE L’IMAGE" target="_blank" title="Cliquer pour agrandir" >

<IMG HEIGHT=50 WIDTH=50 SRC=" URL DE L’IMAGE " alt="Nom de l’image" /></A>

L’image sera affichée avec une grandeur de 50 x 50 pixels bien qu’elle en aura réellement une plus grande. Vous pouvez changer les grandeurs en modifiant les chiffres en rouge sur le code pour l’image. En cliquant sur l’image, le lecteur pourra en taille réelle.

3. GALLERIE PHOTO

Pour créer une gallérie des photos, il faut créer un tableau dans les cellules duquel insérer le code pour image vu à l’étape 2.

Par exemple, si vous voulez un tableau avec 4 images utilisez ce code pour un tableau d’une ligne et 4 colonnes

<TABLE> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> </TABLE>

Insérer le code d’image entre les balises <TD> et </TD> . Mettez votre code en entier sur une ligne dans un fichier Notepad sans cliquer sur Enter et collez-le dans votre article.

Pour un tableau à deux lignes et deux colonnes, utilisez ce code :

<TABLE> <TR> <TD> </TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> </TR> </TABLE>

Pour ajouter un espace et une bordure, mettez cette ligne dans la première balise <TABLE>

<TABLE cellspacing=0 cellpadding=3 width="80%" border=1 bordercolor="#0000ff">

Pour ajouter un nom à votre gallérie, mettez cette ligne après la première balise <TABLE> :

<caption> Galerie d’image</caption>

Une astuce de Vin.

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.