Discussion :

[boutmos]

Bonjour,

Je dois d�velopper un effet de volets pour un futur projet web. J'adopterais un framework pour ��. Mais avant, je voulais r�aliser cet animation moi m�me a partir de mes connaissances uniquement.

J'ai donc pondu ceci : http://ia62.ac-lille.fr/sliders/

A/ Probl�me, comment pourrais-je rendre l'animation plus fluide ?
De plus, j'ai remarqu� sous IE6 que le sablier clignotait pendant que la fen�tre s'expand...
J'ai fait le test avec des images plus light et aussi sans image. Pareil �� saccade toujours.

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
 
function expandFenetre(valeur,pas) {
	// A FAIRE = desactiver le click sur voletx tant que l'animation n'est pas fini
	// sinon on ne garde plus la hauteur initiale definie dans le CSS
 
	incrementation = pas;
	fenetre = $("fenetre"+valeur);
 
	// Recupere le height
	if (fenetre.currentStyle){ // pour IE
		hauteur = fenetre.currentStyle['height'];
	} else if (window.getComputedStyle){ // pour FF et autre
		hauteur = window.getComputedStyle(fenetre,null).height;
	}
 
	hauteur = parseInt(hauteur);	// conversion en number
 
	// 1er appel ? -> Sauvegarde Height initiale et reset a 0px
	if (appelFade == 0) {
		hauteurInitiale = hauteur;
		appelFade = 1;
		fenetre.style.height = "0px";
		hauteur = 0;
	}
 
	fenetre.style.display = "block";
 
	if (hauteur < hauteurInitiale) {
		hauteur = hauteur + pas;
		fenetre.style.height = hauteur+"px";
		timer = setTimeout("expandFenetre(indice,incrementation)",1);
	}
 
	// sauvegarde cette fenetre comme etant la fenetre active
	fenetreVisible = indice;
}

B/ Quel framework(s) me conseillez vous pour ce type d'effets ? Prototype ? jQuery ? Scriptaculous ?
Je n'arrive pas a me decider car je ne les ai jamais essay�.

[boutmos]

De plus, j'ai remarqu� sous IE6 que le sablier clignotait pendant que la fen�tre s'expand...

Je viens de m'apercevoir que si je ne mets pas mon image en background dans le CSS, le curseur avec le sablier ne clignote plus sous IE6

Est ce qu'il recharge l'image a chaque it�ration ???

[Oscar Hiboux]

[...]Est ce qu'il recharge l'image a chaque it�ration ???

Je ne d�tiens pas la r�ponse mais r�cemment encore j'ai observ� un probl�me similaire avec des images dont l'attribut "src" changeait (si mes souvenirs sont bons) et dans le journal du serveur il y avait autant de requ�tes aux images. Enfin, qqpart c'est assez logique qu'il adresse une requ�te au serveur � chaque fois car il ne peut pas affirmer que la ressource est inchang�e (sauf s'il consid�re correctement les ent�tes de caching...), mais c'est vraiment pas transparent : �a ralentit sans cesse et on voit en bas � gauche, dans la barre de statut : "T�l�chargement des donn�es blablabla..." qui scintille.

Bref, si tu veux de la fluidit�, oublie IE. �a marchera comme �a marchera...

[Oscar Hiboux]

Fonctionellement parlant prototype.js est la base de script.aculo.us donc ils ne sont pas en concurrence dans ton choix.

Autrement jQuery comme prototype.js+script.aculo.us fonctionnent tous les deux tr�s bien pour ce genre d'effets. Entre ces deux l� je pense que �a sera plut�t une question de pr�f�rence philosophique...

Tu devrais jeter un oeil � MooTools et Dojo aussi. L�, pass� l'aspect philosophique tu signes pour tout un framework... ^^'

Sinon, pour finir, ton truc a l'air de bien fonctionner.

[boutmos]

Sinon, pour finir, ton truc a l'air de bien fonctionner.

C'est peut �tre moi qui suis trop pointilleux, je hais les saccade !
En m�me temps le javascript n'a pas �tait fait pour faire des animations a la base.

Sinon en ce qui concerne le choix d'un framework, le probl�me c'est plus l'embarras du choix car tout ceux cit� sont reconnu.

H�las tous les tester me demanderas beaucoup trop de temps, que je n'ai pas forc�ment.

Le but c'est de d�velopper un extranet pour la gestion de documents. Je vais partir sur la base d'un CMS qui m'est connu (SPIP) auquel j'associerais le framework choisi et du CSS pour rendre plus "vivant" le tout.

J'ai vu que la derni�re version de SPIP int�grait JQuery pour son interface d'administration...

[Oscar Hiboux]

H�las tous les tester me demanderas beaucoup trop de temps, que je n'ai pas forc�ment.

Je te comprends tout � fait. Je n'ai jamais eu le temps de tous les essayer non plus... C'est un peu frustrant !

J'ai vu que la derni�re version de SPIP int�grait JQuery pour son interface d'administration...

Bah voil�, pars sur cette base, �a devrait �tre instructif ! Quand on a mati�re � faire c'est plus entra�nant qu'essayer pour essayer.

Bonne chance !

[boutmos]

ou� ou� moi je sens qu'on va demander la re diffusion de l'�mission Myst�res pour r�soudre tout �� !

Merci pour tes r�ponses Oscar Hiboux

Je ne tag pas r�solu pour laisser le temps aux anciens du fofo de lire le topic , en esperant qu'ils aient des routines magiques sous le coude

[boutmos]

Bon je n'aurais pas a faire le choix parmis ces nombreux Framework...

Mon boss est tomb� "amoureux" de extJS , je vais donc me decortiquer ��. SI jamais vous avez des tutoriels ou une experience sur ce framework, je suis preneur de tous conseils

Cordialement