Javascript : besoin d'aide sur affichage diap
Résolu
guy2mars
-
canarder Messages postés 2034 Statut Membre -
canarder Messages postés 2034 Statut Membre -
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
A voir également:
- Javascript : besoin d'aide sur affichage diap
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
3 réponses
après "ejs_photo = new Array;" créé un autre array :
après :
rajoute :
remplace cette ligne :
Par :
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
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
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
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
