28173 sujets

CSS et mise en forme, CSS3

[resolu] Afficher le nom d'une image

Bonjour à tous,

j'ai le problème suivant:
J'affiche une succession de photos de différents albums.
Pour faciliter le choix, je voudrais afficher en haut de la photo, le nom du fichier contenant la photo.
pour eviter d'avoir à entrer ce nom individuellement sur chaque page, existe-t-il une routine javascript qui permet cet affichage automatiquement.

je n'ai pas réussi à partir de l'exemple du tutoriel à concrétiser mon problème.

Merci de vos indications
Modifié par helvetdulac (04 Apr 2006 - 03:21)
Je ne suis pas sûr d'avoir bien compris ce que tu veux, mais la boule de cristal collective des forums me dit : document.getElementById('id_image').src
Merci Qentin de ta réponse,
le problème, je suis nul enjavascript et les bidouillages que j'ai essayé ne fonctionnent pas.
je joins mon dernier listing

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Visiter Granges sur Baume</title>
<meta name="description" content="Site officiel de la commune de Granges sur Baume, dans le Jura, avec son église et son toit de laves, son belvedère" >
<meta name="keywords" content="granges, baume, reculée, jura, franche-comté, belvedere, revermont, vin jaune, vin de paille, sentiers" >
<meta name="author" Content="docutech">
<meta name="Date-Creation-yyyymmdd" content="20060205">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css" title="currentStyle">
@import url(css_reportages.css);
.legende_photo 	{position: absolute; top: 5px; left: 50%; margin-left: -500px; width: 300px; height: 20px; font:brushscript; font-size: 12.5px; color:black; text-align: center; line-height: 15px; background-color: #99CCFF;}

</style>
<script language="JavaScript" type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="container">
<p class="legende_photo">Référence de la photo :
<script type="text/javascript">
nom = document.getElementById('id_image').src		
		
document.write("Référence de la photo :",nom);
</script>
</p>

  <div align="center">
    <p><a href="chasseurs2003_002.html" class="tn"><img src="../boutons/arrow10_l.gif" alt="image bouton" width="27" height="23" border="0" ></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="chasseurs2003_004.html" class="tn"><img src="../boutons/arrow10_r.gif" alt="image bouton" width="26" height="23" border="0" ></a></p>
  </div>
</div>
<div align="center"> <a href="rep_chasseurs2003_01.html"><img src="images/chasseurs2003_003.jpg" alt="image fond" width="800" height="600" border="0" vspace="10" > </a></div>
<div align="center" >
  <p>Cliquer sur la photo pour revenir &agrave; l'album</p>
</div>
</body>
</html>


mon problème se situe à la ligne "legende photo".
J'ai environ 2000 photos sur le site et j'ai pensé à mettre une routine que je pourrai insérer avec un remplacement général pour ne pas devoir ouvrir tous les fichiers pour modifier.
Je fais peut-être fausse route en voulant utiliser cette technique ?

Merci d'avance
Modifié par helvetdulac (04 Apr 2006 - 00:47)
Sujet clos
Aller à