Javascript : besoin d'aide sur affichage diap

Résolu/Fermé
guy2mars - 15 mai 2011 à 00:17
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 - 15 mai 2011 à 11:00
Bonjour,
j'ai un problème crucial et je ne connais pas le javascript.
J'ai utilisé un script diaporama qui me convient tout a fait.
si je lis bien les photos, il m'erst impossible d'afficher leur nom.
Qui peut m'aider ?
voici mon script
<html>
<body> <DIV ID=ejs_photo_box></div>
<table align="center"><tr><td align="center">
<script type="text/javascript">
ejs_photo = new Array;
<?
$a = 0;
$handle = opendir("./diapos");
while (($file = readdir())!=false) {
if($file!=".." && $file!=".")
{
echo "ejs_photo[$a] = 'diapos/$file';";
$a++;
}
}
closedir($handle);

?>
function ejs_aff_photos(num)
{
if(document.getElementById)
{
ejs_fin = "";
if(num!=0)
ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num-1)+");return(false)'>< Précédent</A> ";
if(num!=(ejs_photo.length-1))
ejs_fin += "<A HREF=# onClick='ejs_aff_photos("+(num+1)+");return(false)'>Suivant ></A>";
document.getElementById("ejs_photo_box").innerHTML = "<CENTER><IMG SRC='"+ejs_photo[num]+"' BORDER=0><BR>"+ejs_fin+"</CENTER>";
}
}
window.onload = new Function("ejs_aff_photos(0)")

</script>
Comment puis je faire pour afficher sous les photos le titre de celles ci?
Lorsque je place un echo (comme en php, ca foire grave)
Une solution svp
merci d'avance


A voir également:

3 réponses

canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
Modifié par canarder le 15/05/2011 à 05:30
après "ejs_photo = new Array;" créé un autre array :
photo_n = new Array;


après :
echo "ejs_photo[$a] = 'diapos/$file';";


rajoute :
echo "photo_n[$a] = '$file';";


remplace cette ligne :
document.getElementById("ejs_photo_box").innerHTML = "<CENTER><IMG SRC='"+ejs_photo[num]+"' BORDER=0><BR>"+ejs_fin+"</CENTER>"; 


Par :
document.getElementById("ejs_photo_box").innerHTML = "<center><img scr='"+ejs_photo[num]+"' style=\"border:0px;\"><br /><p>"+photo_n[num]+"</p><br />"+ejs_fin+"</center>"; 


Aussi met ton code en xhtml (balises et attributs à valeurs définis comme <img> et src=""), je saurrais pas trop te dire pourquoi parce que ça marche tout aussi bien.

___/\_canarder_/\___
Le Renard qui règne sur le WEB : Firefox
0
Merci canarder pour ta reponse.
J' applique aussitot tes solutions.
J'ai du corriger la 3eme ligne comme suit
document.getElementById("ejs_photo_box").innerHTML = "<CENTER><IMG SRC='"+ejs_photo[num]+"' BORDER=0><BR>"+"<BR>"+photo_n[num]+"<BR>"+ejs_fin+"</CENTER>";
car aucune photo ne s'affichait.
Je n'ai pas compris ce que je faisais mais le resultat est la ;o)
ca baigne
merci encore
0
canarder Messages postés 1706 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
15 mai 2011 à 11:00
remet en minuscules, c'était le <p> qui déconnait peut-être. (va savoir pourquoi)
0