"hésitation" au changement d'image

Version imprimable

25/09/2009, 14h23
petitours

"hésitation" au changement d'image

Bonjour

Je fais un diaporama avec une barre de miniatures et une grosse image qui se change en fonction de la miniature cliquée.

Mon problème, si je ne précharge pas les images (500 images), est une sorte de clignotement au moment ou l'image change, le temps qu'elle se charge. J'ai l'impression que le cadre réservé pour l'image se réduit brièvement avant de reprendre sa taille une fois l'image chargée et affichée.

J'ai essayé de pré charger l'image dans une image cachée avant de mettre à jour l'image du cadre principal mais ça ne change rien (ou je ne le fais pas comme il faut...)

Comment puis-je imposer à la page d'afficher la nouvelle image qu'une fois qu'elle est chargée ?
Y a t-il une autre solution sachant que toutes les images ont la même taille ?

Merci par avance
28/09/2009, 07h45
marco_fot_hxc

Bonjour,

Je suppose que le diaporama est basé sur une librairie JS. Si oui laquelle ?
Car si il s'agit de Jquery, $(document).ready() devrait répondre à ton problème...
30/09/2009, 11h57
petitours

1 pièce(s) jointe(s)

Bonjour

Le diaporama est basé sur du code javascript perso issu de différentes sources

Ci joint le code

Je ne pense pas utiliser un Jquery..:?

Merci

salut,

L'image n'est pas préchargé au fait, juste son chemin, pour la précharger essai plutôt

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function auto() {
 
	if (bauto == 0) {
 
	bauto =1; changer();
 
	document.automat.src = "icones/stop.gif";
 
	document.automat.title = "Stopper diaporama";
 
	} 
 
	else {
 
	bauto =0; initial();
 
        var img2 = new Image();
       img2.src = "icones/auto.gif";
	//la suite....
	}
 
}