Si je comprends bien ta demande, en définitive, cela revient à avoir ces informations en filigrane sur chaque photo. Website ne fonctionne pas comme cela, mais plutôt en terme de calque et vient placer les infos au-dessus. C'est intéressant pour le SEO (référencement).

Sinon, à titre d'exemple, ce petit logiciel fait super bien l'affaire et peut travailler sur des blocs entiers de photos : https://www.batchphoto.com/fr/

Bonjour Christian,

merci de votre message.

Vous pouvez insérer l’image comme arrière-plan d’une cellule dans laquelle vous insérez un Objet Texte comme contenu. De cette façon, le texte apparaîtra directement sur l’image comme vous le souhaitez.

Cordialement.

(Il > Fr) ...selon le cas, plusieurs solutions s'offrent à vous...

1) ...vous pouvez ajouter une étiquette directement dans un logiciel graphique ;

2) ...vous pouvez utiliser une image comme arrière-plan de cellule ou de ligne et insérer un objet texte dans la cellule, comme l'a suggéré Elisa ;

3) ...vous pouvez facilement utiliser l'objet « Content-Slider » ;

4) ...ce ne serait pas nécessaire, mais si vous le souhaitez, vous pouvez ajouter une superposition de texte grâce à mon code SUPPLÉMENTAIRE. Si cela vous intéresse, n'hésitez pas à poster un exemple de LIEN.

5) ...si le site est déjà créé et que vous avez de nombreuses images à modifier, et si le nom du fichier image est descriptif, mon code SUPPLÉMENTAIRE permettrait d'appliquer une étiquette à l'image reprenant son nom ; mais chaque situation est différente...

6) ...etc., etc.

Au revoir, ciao

.

Bonjour, j'ai suivi le conseil d'Elisa. Le texte apparaît correctement mais l'image est déformée et je n'ai pas trouvé comment faire pour que l'image reste intacte dans ses dimensions d'origine. Y a t-il une solution à cela ?

En vous remerciant d'avance

Chris

Salut Christian,

Pourrait-on avoir une belle copie écran du résultat pour voir cette déformation ? Et une de tes images pour faire des tests...

@Suivre,

J.P.

Pour faire court, voici une de mes solutions DIY originales et simples :
1) Utilisez l'image comme un objet Image classique ;
2) À l'étape 4, sélectionnez la cellule de l'image et cliquez sur « Code » ;
3) Dans la fenêtre « Code », vous trouverez un code pré-rempli vide comme ceci :
#imObjectImage_3_04:{
}
4) Ajoutez la pseudo-classe :before  comme ceci :
#imObjectImage_3_04:before {
}
5) Entre les accolades, ajoutez votre texte et les règles CSS de votre choix, par exemple :
#imObjectImage_3_04:before {
content:"AAAAAAA BBBBB";
position:absolute;
font-size:24px;
top:20px;
left:20px;
background-color:rgba(255,255,0,0.5);
padding:10px;
border-radius: 10px;
}
..........................
... une fois que vous le savez, ça devient super simple et facile à créer et à personnaliser, comme boire un verre d'eau...

.

Au revoir
.

... En gros, avec le code ci-dessus, vous obtiendrez ce que vous voyez ici:

.

cia

.