Discussion :

[Sapher]

Bonjour,

Je cherche à reproduire l'effet de rebond que l'on peut observer sur le site http://generationsfm.com/ (cliquez sur le bouton ON AIR tout en haut de la page).

Quelqu'un sait il comment faire ? Merci d'avance

[Shinuza]

La librairie mootools propose ce genre d'effets (bounce);

http://mootools.net

[Sapher]

Ok merci beaucoup.

j'a trouvé la fonction bounce, mais je ne comprend pas trop (pas du tout en fait) son fonctionnement...

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
 
/*
	Property: Bounce
		makes the transition bouncy. Must be used as Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut
 
	Graph:
		(see Bounce.png)
	*/
 
	Bounce: function(p){
		var value;
		for (var a = 0, b = 1; 1; a += b, b /= 2){
			if (p >= (7 - 4 * a) / 11){
				value = - Math.pow((11 - 6 * a - 11 * p) / 4, 2) + b * b;
				break;
			}
		}
		return value;
	}

A prioris c'est une extension de la fonction Fx.Transitions.extend. Je suis en train de regarder son fonctionnement mais j'ai l'impression de nager un peu beaucoup quand même.

Qu'est ce que p (le parametre de la fonction bounce) ? comment je peux utiliser cette fonction ?

merci d'avance (et pour le lien aussi )

EDIT: J'ai finalement trouvé la solution (elle était tout betement sur le site de mootools dans la section demos). merci encore.