préchargement d'images
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:
que l'on appel par:
<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>
et mon code d'affichage des images (dans le <head>):<BODY onLoad="preload()">
puis dans le <body>:<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>
et j'ai pensé qu'un mélange de ce style (dans la fonction de préchargement):<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 dans la fonction d'affichage:function preload() {
// Cette fonction charge dans le cache toutes les images passées en paramètre
var temp=new load((ThisImg-1)+".jpg")
}(pour le bouton précédent).<A HREF="javascript:newSlide(-1)"><IMG SRC="gauche.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom
onLoad="preload()"></A>
Mais ca ne marche pas. Si quelqu'un a une idée.merci
Répondre avec citation
Envoyé par wilfrid_muller@hotmail.co
Partager