Discussion :

[charlyy]

Bonjour à tous !

Après un passage sur le tchat et des recherches persos non fructueuses je poste le souci ici :

http://www.marianne-equipement.com/m...biance_int.php

Sous IE, la page ne se charge jamais entièrement, les miniatures de gauches s'affichent petit à petit, et quand les flêches bleues s'affichent PAF tout se bloque et des cases restent vides.
on a en bas du cadre (13 éléments restants, 13 ou 23 ou 9 hein...c'est toujours aléatoire....)

dans la galerie vous pouvez vous balader dans :
-chaises et fauteuil
-tables et mange debout
-ambiances

Sous firefox ça marche sans pb, ça met un peu de temps à charger, mais les miniatures apparaissent toutes au bout d'un moment.

j'ai vraiment l'impression que IE est bloqué par l'apparition des flêches bleues (j'ai essayé sans mais ça bloque quand même)...


oui je sais les miniatures sont trop grosses mais je réglerai ce pb plus tard

Merci beaucoup pour votre aide !
Charly

[SpaceFrog]

Donc même avec des images plus légère ça ne passe pas ...

y'a pas un truc jquery documenr.ready ou loaded ???
sinon il va falloir faire un boucle sur document.images
du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
var tabimg=document.images;
var il = tabimg.length;
 
 
function checkloaded(){
var i=0;
var done=0;
while(tabimg[i++]){
if(tabimg[i-1].complete){done++;}
return done==il
}
 
var launch=setInterval(
                              function(){
                                             if (checkloaded()){
                                                                       clearInterval(launch);
                                                                       // ici tu lances la fonction qui doit attendre
                                                                      }
                                             },100)

[Bovino]

Tu n'as qu'à attendre que toutes les images soient chargées : http://javascript.developpez.com/faq...argementImages

[charlyy]

Merci space pour la réponse, j'ai un ready dans mon js de slider,
j'ai intuition que le bug vient d'ici surtout au début non ?

mais c'est juste une intuition hein !

voici le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
 
$(document).ready(function(){
s = new slidermade("#gal");
});
 
var slidermade = function(id){
var self=this;
	this.div = $(id);
	this.slidermade=this.div.find(".gallery_demo");
	this.largeurCache = this.div.width();
	this.largeur=450;
 
 
	this.suiv = this.div.find(".suivslid");
	this.prec = this.div.find(".precslid");
	this.saut = this.largeurCache/5;
	this.nbEtapes = Math.ceil(this.largeur/this.saut);
	this.courant=0;
 
	this.suiv.mouseover(function(){	
		    if(self.courant<=self.nbEtapes){
			self.courant++;
			self.slidermade.animate({
				left:-self.courant*self.saut				
			},1100);
	}
 
	});
		this.suiv.click(function(){
			if(self.courant<=self.nbEtapes){
			self.courant++;
			self.slidermade.animate({
				left:-self.courant*self.saut				
			},1000);
 
		}	
   });
 
	this.prec.mouseover(function(){
			if(self.courant>0){					 
			self.courant--;
			self.slidermade.animate({
				left:-self.courant*self.saut				
			},1100);
		}
   });
 
		this.prec.click(function(){
			if(self.courant>0){	
			self.courant--;
			self.slidermade.animate({
				left:-self.courant*self.saut				
			},1000);
		}
   });
 
}

et doit y avoir des ready dans jquerry aussi, pourquoi c'est grave docteur ?

[SpaceFrog]

il serait intéressant de voir le bout de code html généré qui correspond aux flèches ....
n'y aurait-il pas un doublon d'id ?

[charlyy]

Tu n'as qu'à attendre que toutes les images soient chargées : http://javascript.developpez.com/faq...argementImages

Coucou bobino et merci pour le tuyau, ton script confirme bien ce que je pensais :

sous FF ça alert à tous les coups
sous IE ça alert une fois sur 5 ou 6 (à coup de F5 !)

il serait intéressant de voir le bout de code html généré qui correspond aux flèches ....
n'y aurait-il pas un doublon d'id ?

en fait j'ai retrouvé là où j'avais choppé le script de base, c'est ici.

Et même sur cette page, IE affiche toujours des éléments restants à afficher :-(, ça le fait chez vous ?

il serait intéressant de voir le bout de code html généré qui correspond aux flèches ....
n'y aurait-il pas un doublon d'id ?

j'ai changé l'id en class (en plus c'est mieux les fléches de droite s'affichent avec la première photos qu'on agrandi)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div class="nav">   
     <a href="#" onclick="$.galleria.prev(); return false;"><div class="precslid_g"></div></a> 
     <a href="#" onclick="$.galleria.next(); return false;"><div class="suivslid_g"></div></a>
     </div>

rr ça doit vraiment être une broutille ça me énerve

j'y retourne...

bon ap' !