Discussion :

[fanchy]

Bonjour,

J'ai un javascript qui me permet de faire afficher une gallerie d'images en créant un menu de vignettes sur la droite et en affichant les images sur le centre de la page. C'est sympa comme script mais du coup, je suis obligé de spécifier chaque nom de fichier dans ma page.

Je voudrais pouvoir le rendre dynamique en intégrant du php pour que la modification des fichiers soit automatique dans le javascript. Quelqu'un pourrait-il m'aider parce que je bloque un peu. Je crois que c'est au niveau de la requête d'affichage (mysql_fetch_array...).

Voici le code original du javascript :

<?php
<script language="JavaScript"><!-- //--------------------------------DHTML-------------------
var nn4 = document.layers;
var nn6 = document.getElementById && !document.all;
var nn = nn4 || nn6;
var ie = document.all && !nn;
var dhtml = document.getElementById || document.all || document.layers;
function js_object(myRef) {
if (!dhtml) {return;}
if (nn6) {myRef = document.getElementById(myRef);}
else if (nn4) {myRef = document.layers&#91;myRef];}
else {myRef = document.all&#91;myRef];}
return(myRef);}
function js_write(myRef, msg) {
if (nn4) {
js_object(myRef).document.write(msg);
js_object(myRef).document.close();}
else {
js_object(myRef).innerHTML = msg;}
}
//--------------------------------DIAPORAMA-------------
var pics= new Array(
"groupe/joss000.jpg",
"groupe/joss004.jpg",
"groupe/joss005.jpg",
"groupe/joss003.jpg",
"groupe/joss001.jpg",
"groupe/joss002.jpg");
var legends= new Array(
"",
"çà part en live!",
"la chose",
"le fil vert ou le fil rouge?... Zut! mon lacet!",
"Photo bout d'bras au réveil...",
"Après l'effort... le réconfort !");
//.....................
//(document.images&#91;0] ..........as main picture for our diaporama)
var count= -1;
var num= pics.length;
//.....................
function set_thumbnails() {
document.write("<div id='slideshow' class='class1'>");
for (i=0; i<num; i++) {
document.write("<img src='"+pics&#91;i] +"' width=100px onclick='actualize("+i+")'><p>");}
document.write("</div>");}
//.....................
function actualize(k) {
count = k;
document.images&#91;0].src= pics&#91;count];
js_write('div2',legends&#91;count]);}
//.....................
function previous(form) {
count += -1;
if (count <0) {count= 0;}
document.images&#91;0].src= pics&#91;count];
js_write('div2',legends&#91;count]);}
//.....................
function next(form) {
count += 1;
if (count > (num-1)) {count= 0;}
document.images&#91;0].src= pics&#91;count];
js_write('div2',legends&#91;count]);}
--></script>

?>

Colorez votre code PHP sur les forums grâce à Developpez.com

______________________________________________________________

La partie à modifier est donc la suivante :

var pics= new Array(
"groupe/joss000.jpg",
"groupe/joss004.jpg",
"groupe/joss005.jpg",
"groupe/joss003.jpg",
"groupe/joss001.jpg",
"groupe/joss002.jpg");

var legends= new Array(
"",
"çà part en live!",
"la chose",
"le fil vert ou le fil rouge?... Zut! mon lacet";

Comment puis-je faire pour obtenir une requête qui me sorte les résultats sous cette forme-là ? Merci de votre aide.