Javascript : besoin d'aide sur affichage diap
Résolu
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
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
3 réponses
-
remet en minuscules, c'était le <p> qui déconnait peut-être. (va savoir pourquoi)
-
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 -
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
