Discussion :

[Viniwow]

Bonjour � tous,

Je me retrouve confront� � un probl�me avec la methode animate() sur chrome !

Voici le petit bout de script qui s'ex�cute mal selon moi :

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
var colonne=0, ligne=1, decalage=232; 
 
	$('.photo').each(function(index){		
		colonne++;		
		if(colonne>4){
			ligne++;
			colonne=1;}	
 
		var delai=Math.round(Math.random()*2000), coteDepart, pilouFace=Math.floor(Math.random()-.5);
		if (pilouFace==0){coteDepart=-2000;}else{coteDepart=2960;}
		$(this).css('position','absolute').css('margin','0').css('left',coteDepart+"px").css('top',(150+(ligne-1)*decalage)+'px');
 
		$(this).delay(delai).animate({left:32+(colonne-1)*decalage+'px'},1000,function(){$(this).children().animate({opacity:"1"},1500);});
		$(this).append('<div class="bordure"></div>');
 
	});

Au chargement la page est cens�e �tre vide, et les div apparaissent progressivement, en d�cal�, de la droite ou la gauche al�atoirement.
Mais sur chrome certaines de ces div apparaissent directement � l'�cran, ratatin�es sur la gauche de leur conteneur parent et semblent "ramer"... Parfois m�me elles apparaissent au milieu de la page et filent aussit�t se placer � leur position de d�part avant d'ex�cuter leur animation...

Bref, je vois pas d'o� peut provenir le probl�me et mes recherches n'ont rien donn�...

Merci d'avance pour votre aide !

[Viniwow]

J'ai trouv� par hasard ce qui clochait... C'est au niveau des css que �a plantait : j'avais pr�vu un positionnement par d�faut au cas o� javascript soit d�sactiv�, positionnement fait en float:left, et c'est sur ce point que chrome buggait, un inline-block � la place et tout fonctionne nickel !

Voil� voil�, d�sol� pour le d�rangement, je ne faisais que passer