Salut,

J'ai un problème. Voilà, j'ai deux scripts différents:
- le premier, créer une grande image, deux bouttons (gauche et droite) et ainsi on peut naviguer dans un répertoire en affichant les images (1.jpg, 2.jpg,...);
- le deuxième est un script qui charge dans le cache des images passé en paramètre (mais dans le code source, il faut lui donner les noms des images).

J'aimerai faire un mix des deux pour que, quand je click sur le bouton image suivante, l'image d'aprés se charge directement (par exemple, je suis sur l'image 1.jpg, je click pour aller sur la 2.jpg et le navigateur charge la 3.jpg en attendant) et pareil pour le bouton précédent. Je sais pas si j'ai été assez clair!.

J'ai essayé d'intégrer le code javascript de préchargement dans celui de l'affichage de mes photos mais ca ne marche pas alors j'espère qu'avec le code source des deux fonctions, vous pourrez me dire ou se situe l'erreur.


Code de préchargement:


<SCRIPT LANGUAGE="JavaScript">
<!--//
function load() {
if (document.images) {
this.length=load.arguments.length;
for (var i=0;i<this.length;i++) {
this[i+1]=new Image();
this[i+1].src=load.arguments[i];
}
}
}
function preload() {
// Cette fonction charge dans le cache toutes les images passées en paramètre
var temp=new load("1.jpg","2.jpg",...)
}
//-->
</SCRIPT>
que l'on appel par:
<BODY onLoad="preload()">
et mon code d'affichage des images (dans le <head>):
<SCRIPT><!-- Hide script from older browsers
thisImg = 1
imgCt = 112
function newSlide(direction) {
if (document.images) {
thisImg = thisImg + direction
if (thisImg < 1) { thisImg = imgCt }
if (thisImg > imgCt) { thisImg=1 }
document.slider.src = thisImg + ".jpg" }
}
// stop hiding script --></SCRIPT>
puis dans le <body>:
<A HREF="javascript:newSlide(-1)"><IMG SRC="gauche.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom
</A>
<!--Le bouton pour passer l'image prcdente doit s'appeler gauche.gif-->
<!--Les images doivent faire 640x480, s'appeler slidex.jpg et se trouver dans un dossier

"images" juste cote de ce fichier -->
<IMG SRC="1.jpg" WIDTH=400 HEIGHT=270 BORDER=0 ALIGN=middle name=slider>
<!--Le bouton pour passer l'image suivante doit s'appeler bouton_suivante.gif--><A

HREF="javascript:newSlide(1)"><IMG SRC="droite.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom></A>
et j'ai pensé qu'un mélange de ce style (dans la fonction de préchargement):
function preload() {
// Cette fonction charge dans le cache toutes les images passées en paramètre
var temp=new load((ThisImg-1)+".jpg")
}
et dans la fonction d'affichage:
<A HREF="javascript:newSlide(-1)"><IMG SRC="gauche.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom

onLoad="preload()"></A>
(pour le bouton précédent).

Mais ca ne marche pas. Si quelqu'un a une idée.merci