chargement des images

Version imprimable

08/09/2009, 13h10
riadhhwajdii

chargement des images
salut je travaille sur une application web avec JSF
j'ai une classe qui me permet de créer et modifier dynamiquement des images.
d'abord mon problème était que les images modifiés ne sont pas affiché: j'ai toujours les anciennes images
après des recherches j'ai intégrer la fonction JS suivante:
Code:

1 2 3 4 5 6 7 8 function remplaceImages(){ for(i=0;i<document.images.length;i++) { document.images[i].src=document.images[i].src+'?'+new Date(); } //alert('image'); }
cette fonction m'a permis de résoudre ce problème
maintenant,j'ai un nouveau problème:après un certain temps(mes images sont modifié et affiché chaque seconde),les images ne sont plus affichés malgré que j'ai bien vérifié qu'il sont modifiés dans le dossier ou je les créer
08/09/2009, 13h18
SpaceFrog

tu lances la fonction de rafraichissement à quel intervalle ?

il faut peur être plus d'une seconde pour que tes images se chargent ...
08/09/2009, 13h22
riadhhwajdii

Citation:

Envoyé par SpaceFrog

tu lances la fonction de rafraichissement à quel intervalle ?

il faut peur être plus d'une seconde pour que tes images se chargent ...

merci SpaceFrog pour la reponse
en effet mes images ne sont que des diagrammes de statistiques
la fonction de rafraichissement est lancé chaque t secondes selon le choix de l'utilisateur(t peut etre 1seconde, 2secondes,10 secondes,30 secondes...)
quéest ce que vous me suggérer alors faire?
08/09/2009, 13h27
SpaceFrog

de tester le complete de l'image avant de relancer un charegement
08/09/2009, 13h29
riadhhwajdii

Citation:

Envoyé par SpaceFrog

de tester le complete de l'image avant de relancer un charegement

comment tester le compete de l'image SVP?

Salut,
Par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
function remplaceImages(){
    var total = document.images.length;
    var compteur = 0;
    for(i=0;i<total;i++){
        document.images[i].src=document.images[i].src+'?'+new Date();
        document.images[i].onload = function(){
            compteur++;
            if(compteur==total){setTimeout(remplaceImages, duree);}
        }
    }
}

Citation:

Envoyé par Bovino

Salut,
Par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
function remplaceImages(){
    var total = document.images.length;
    var compteur = 0;
    for(i=0;i<total;i++){
        document.images[i].src=document.images[i].src+'?'+new Date();
        document.images[i].onload = function(){
            compteur++;
            if(compteur==total){setTimeout(remplaceImages, duree);}
        }
    }
}

merci Bovino pour l'aide
mais c'est quoi la variable duree

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function checkalldone(){
var ok=0
for(i=0;i<document.images.length;i++){
         if (document.images[i].complete){ok++}
 }
return ok==document.images.length;
}
 
 
function remplaceImages(run){
if (run){
 for(i=0;i<document.images.length;i++){
		document.images[i].src=document.images[i].src+'?'+new Date();
	}
}
}

et lancer la fonction

Code:

1
2
 
 remplaceImages(checkalldone())

08/09/2009, 13h48
Bovino

Citation:

Envoyé par riadhhwajdii

mais c'est quoi la variable duree

C'est le délai de rafraichissement défini par l'utilisateur

Citation:
Envoyé par SpaceFrog
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function checkalldone(){ var ok=0 for(i=0;i<document.images.length;i++){ if (document.images[i].complete){ok++} } return ok==document.images.length; } function remplaceImages(run){ if (run){ for(i=0;i<document.images.length;i++){ document.images[i].src=document.images[i].src+'?'+new Date(); } } }
et lancer la fonction
Code:

1 2 remplaceImages(checkalldone())
j'ai tester votre idée mais toujours la'application marche bien pour un sertain temps(à peu pres 30s) et puis les images ne sont plus affiché
autre chose, j'ai tester l'application avec une fonction de rafraichissement chaque 10secondes et toujours meme probleme!!!je ne pense pas que 7 images vont resster plus que 10 secondes pour se charger

08/09/2009, 14h37
SpaceFrog

ça dépend 1 de la taille de l'image et 2 de si l'accès à l'image est dispo sur le serveur si coté sereveur il y a ecrasement de fichier ...
08/09/2009, 14h48
riadhhwajdii
Citation:

Envoyé par SpaceFrog

ça dépend 1 de la taille de l'image et 2 de si l'accès à l'image est dispo sur le serveur si coté sereveur il y a ecrasement de fichier ...
- pour la taille, les images sont de presque 8 ko
- pour l'acces à l'image,ma fonction de rafraichissement provoque l'ecrasement de l'ancienne image et puis la reconstitution d'une nouvelle
est ce qu'il y a un moyen pour s'en sortir :(