Discussion :

[Dalamar]

Bonjour,
Voilà j'aimerais créer un script genre rocketdock (c'est à dire une barre d'icone et quand tu passe sur l'icone il s'agrandi et quand tu en sors il revient à sa position d'origine, tout cela de facon progressive et non pas d'un seul coup).

J'ai déjà fait un script qui fonction sous chrome et IE mais pas sous firefox donc j'aimerais régler ce probleme. Il y a aussi un soucis c'est que lorsque que l'on passe trop vite la souris d'un icone à un autre tout le menu se met à trembler.


Voilà mon 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
 
function expand(id) {
	if (id.onmouseover&&id.width<=70) {
		var fonction = "expand("+id.id+")";
		x=window.setTimeout(fonction, 0.00001);
		id.width=id.width + 2;
		id.height=id.height + 2;
 
	}
}
 
function reduce(id) {
	if (id.onmouseout&&id.width>48) {
		var fonction = "reduce("+id.id+")";
		x=window.setTimeout(fonction, 0.00001);
		id.width=id.width - 2;
		id.height=id.height - 2;
	}
}

Voilà et je les appel dans les images par onmouseover et onmouseout

[SpaceFrog]

jquery en propose de jolis ...
http://interface.eyecon.ro/demos/fisheye.html

[Dalamar]

Merci c'est exactement ce que je veux mais j'ai juste un soucis j'arrive pas à voir comment ils font l'appel à la méthode dans cette page. si on peut m'expliquer un peu ?

En tout cas il marche bien mieux que le miens il me reste plus qu'à savoir comment l'intégrer.

[Bovino]

Faut chercher un peu...
http://interface.eyecon.ro/docs/fisheye

[Dalamar]

Oui je suis tombé sur cette page mais j'ai quand même pas compris comment l'appeler en fait
Enfin je dois avouer que je suis quand même encore novice dans le domaine du js.
J'ai du m'y mettre pour un projet important pour l'école et donc je tâtonne un peu

[SpaceFrog]

regarde le code source de cette page...
les balise script dans le head puis le js en bas de page ..