VEF Blog

Légende des photos

La légende des photos sert maintenant à quelque chose :

Dans l'article, un petit cadre transparent avec la légende se déplace avec la souris quand on passe le pointeur sur la photo.

Quand on agrandit la photo (pour les photos sur lesquelles on peut cliquer), la légende apparait en en haut gauche dans le même petit cadre transparent.

Démonstration :


Quelques précisions :

• Si la légende est vide, aucun cadre n'apparait
• Le fond du petit cadre est de la même couleur que la couleur de fond des articles (pas des images de fond), avec en plus une transparance de 50%.
  
• Ceux qui ont une image de fond des articles voudront peut-être régler quand même leur couleur de fond exprès pour les légendes des photos.
• La couleur du texte dans le petit cadre est la même que la couleur de texte des articles. Sous mozilla, il est en plus transparent, pas sous IE.
• Les anciens articles ne sont pas pris en compte, rien n'est changé pour eux.
• Si on édite une photo dans le petit popup "Ajouter une photo", on peut changer la légende d'une photo, mais ce ne sera pas pris en compte dans les articles. Pour le prendre en compte, il faut éditer l'article, enlever et remettre les photos concernées.
  

Techniquement, c'est le champ alt="" de la balise html <img> qui est utilisée lors de la validation (création ou édition) d'un article. Ce peut être utile pour ceux qui éditent eux même leur html. Auparavant, ce champ était égal à "photo", maintenant il contient la légende rentrée lors du chargement d'une photo.

Pour prendre en compte les changements, j'ai du faire une reconstruction de tous les blogs de vefblog, la première depuis décembre. Cela a pris environ 3 minutes. Si des bugs sont aparus, merci de le signaler.

Le script d'origine vient du coin des experts, mais j'ai du l'améliorer pour qu'il suive la souris.