preloader des images pour les faires afficher apres un clic
Bonjour,je cherche a faire un preloader qui marche, je pensais que c'etait bon puis en faite ca fonctionne pas, c'etais juste mon cache qui jouer :cry::cry:
donc j'explique le site:
tout en html sur une page avec du javascript pour modifier le texte est les images. Une liste avec des liens sur la droite puis lorsqu'on clik sur un des liens l'image du centre change. le code que j'utilise est le suivant :
dans le head et dans le script :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| <<<<<<<<<<<<
preload_ex_object = new Image();
ex_url = new Array();
ex_url[0] = "ex0.jpg";
ex_url[1] = "ex1.jpg";
ex_url[2] = "ex2.jpg";
ex_url[3] = "ex3.jpg";
ex_url[4] = "ex4.jpg";
ex_url[5] = "ex5.jpg";
ex_url[6] = "ex6.jpg";
ex_url[7] = "ex7.jpg";
var i = 0;
for(i=0; i<=7; i++)
preload_ex_object.src = ex_url[i];
function display_ex(num)
{
document.images['photo'].src = ex_url[num];
}
>>>>>>>>>>>>>>>>>
puis dans le body j'ai une appel de la fonction type :
<<<<<<<<<<<<<<<
<a href="javascript:display_ex(2)">- events -</a>
>>>>>>>>>>>>>> |
le problem est que l'image s'affiche que lorsqu'elle est chargee ducoup en attendant qu'elle se charge rien se passe et rien n'indique au visiteurs qu'une image se charge car l'image ne s'est pas preloade a l'avance - resultat le "ca marche pas ton site"
