Personnalisation des attribut alt et title des photos

[marc59]

Bonjour,

Pour être référencé sur Google dans la section images, il faut que l'attribut alt soit correctement renseigné, il faut donc modifier quelques fichiers, l'attribut title n'est pas indispensable mais c'est sympa d'avoir la vignette jaune en plaçant le curseur de la souris sur une image.

Les numéros de lignes indiquées correspondent à la version 1.5.8

Pour la page /index.php, le fichier à modifier est /index.php Les attribut alt et title actuellement non renseignés prendront les noms d'albums.
Rechercher (vers la ligne 1056):

Code Select Expand

                $alb_list[$aid]['thumb_pic'] = "<img src=\"" . $pic_url . "\" class=\"image\" {$image_size['geom']} border=\"0\" alt=\"{$picture['filename']}\" />";
Remplacer par:

Code Select Expand

                $alb_list[$aid]['thumb_pic'] = "<img src=\"" . $pic_url . "\" class=\"image\" {$image_size['geom']} border=\"0\" alt=\"{$album['title']}\" title=\"{$album['title']}\" />";


Pour les vignettes de la page /thumbnails.php, le fichier à modifier est /include/functions.inc.php Les attributs des vignettes prendront les titres des photos

Rechercher pour l'attribut title (vers la ligne 2964)

Code Select Expand

            $pic_title = $lang_common['filename'] . '=' . $row['filename'] . $LINEBREAK .
                $lang_common['filesize'] . '=' . ($row['filesize'] >> 10) . $lang_byte_units[1] . $LINEBREAK .
                $lang_display_thumbnails['dimensions'] . $row['pwidth'] . "x" . $row['pheight'] . $LINEBREAK .
                $lang_display_thumbnails['date_added'] . localised_date($row['ctime'], $lang_date['album']);

Remplacer par:

Code Select Expand

            $pic_title = $row['title'] . $LINEBREAK . );

Rechercher pour l'attribut Alt (vers la ligne 2987)

Code Select Expand

            $thumb_list[$i]['image']        = '<img src="' . $pic_url . '" class="image" ' . $image_size['geom'] . ' border="0" alt="' . $row['filename'] . '" title="' . $pic_title . '" />';

Remplacer par:

Code Select Expand

            $thumb_list[$i]['image']        = '<img src="' . $pic_url . '" class="image" ' . $image_size['geom'] . ' border="0" alt="' . $row['title'] . '" title="' . $pic_title . '" />';




Pour les vignettes en bas de la page /displayimage.php ,  le fichier à modifier est également /include/functions.inc.php Les attributs des vignettes prendront les titres des photos
Rechercher pour l'attribut title (vers la ligne 3225):

Code Select Expand

   $pic_title = $lang_common['filename'] . '=' . $row['filename'] . $LINEBREAK .
                $lang_common['filesize'] . '=' . ($row['filesize'] >> 10) . $lang_byte_units[1] . $LINEBREAK .
                $lang_display_thumbnails['dimensions'] . $row['pwidth'] . "x" . $row['pheight'] . $LINEBREAK .
                $lang_display_thumbnails['date_added'] . localised_date($row['ctime'], $lang_date['album']);
Remplacer par:

Code Select Expand

            $pic_title = $row['title'] . $LINEBREAK . );

Rechercher pour l'attribut Alt (vers la ligne 3263):

Code Select Expand

       $thumb_list[$i]['image']      = '<img src="' . $pic_url . '" class="strip_image" border="0" alt="' . $row['filename'] . '" title="' . $pic_title . '" />';
Remplacer par:

Code Select Expand

            $thumb_list[$i]['image']      = '<img src="' . $pic_url . '" class="strip_image" border="0" alt="' . $row['title'] . '" title="' . $pic_title . '" />';

Pour cette page, je n'ai pas trouvé le code à modifier pour l'image en grande taille. Si quelqu'un connait, je suis preneur.
Bonne utilisation .

[François Keller]

merci pour ce partage, n'oubliez pas cependant qu'il vous faudra faire ces changements à chaque mise à jour...

[marc59]

En effet, mais il y a que 3 fichiers à modifier et ça prend moins de 10 minutes.

[marc59]

Je viens de trouver la ligne à modifier pour la grande photo de la page displayimage.php
La ligne à modifier se  trouve dans le fichier \include\themes.inc.php


Rechercher (vers la ligne 3377):

Code Select Expand

$pic_html = "<img src=\"" . $picture_url . "\" {$image_size['geom']} class=\"image\" border=\"0\" alt=\"\"  /><br />" . $LINEBREAK;

Remplacer par:

Code Select Expand

$pic_html = "<img src=\"" . $picture_url . "\" {$image_size['geom']} class=\"image\" border=\"0\" alt=\"{$CURRENT_PIC_DATA['title']}\"  title=\"{$CURRENT_PIC_DATA['title']}\" /><br />" . $LINEBREAK;

Les attributs alt et title de la grande photo pendront le titre de la photo

Bonne utilisation.