Bonjour tout le monde,

Je suis un peu nouveau sur ce site mais j'ai toujours pu entendre les mérites de cette communauté. C'est pour cela que je m'adresse à vous car j'ai besoin de votre précieuse aide.

Je suis informaticien, mais pas spécialisé dans le développement. Nous sommes désireux de mettre à jour notre site internet. La première ligne graphique a plu, mais aimerai un peu de dynamisme et cela m'a fait penser a du flash. J'ai effectué beaucoup de recherche et mon présent code est basé sur l'aimable partage des internautes.

Voilà 2 jours que je suis dessus, et je stagne un peu, voici mon problème :

Nous avons un logo. Il représente 9 losanges collés formant un grand losange. Mon souhait serait que lorsque je passe ma souris sur un petit losange (rollOver), ce dernier s'écarte dans une direction (x et y). Mais surtout, lorsque je passe ma souris sur un autre losange, ce dernier parte dans une autre direction et que l'autre losange reprenne sa position initiale. Et ainsi de suite pour les autres.

Je vais quand même mettre le code que j'ai pu récupérer sur la toile et que j'essaie de transformer, mais je suis confronter a des problèmes et je n'ai pas les compétences.

Si quelqu'un pouvait m'aider ce serait vraiment génial de votre part. Merci d'avance

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
stop();
 
//creation du triangle bleu
this.createEmptyMovieClip("box_mc",this.getNextHighestDepth());
box_mc.beginFill(0x0000FF,100);
box_mc.moveTo(10,100);
box_mc.lineTo(10,100);
box_mc.lineTo(100,100);
box_mc.lineTo(100,10);
 
//creation du triangle rouge
this.createEmptyMovieClip("box2_mc",this.getNextHighestDepth());
box2_mc.beginFill(0xFF0000,100);
box2_mc.moveTo(10,10);
box2_mc.lineTo(10,100);
box2_mc.lineTo(100,10);
box2_mc.lineTo(10,10);
 
import mx.transitions.Tween; // on importe la classe Tween 
import mx.transitions.easing.*; // on importe les classe easing pour les effets.
 
 
box_mc.onRollOver = function () { 
if (box_mc._x<=10) {
			var maTween:Tween = new Tween( box_mc, "_x", Regular.easeOut, 0, 300, 12, false ); 
			var maTween:Tween = new Tween( box_mc, "_y", Regular.easeOut, 0, 300, 12, false );
 
	}
}
 
box2_mc.onRollOver = function(){
if (box2_mc._x<=10) {
			var maTween:Tween = new Tween( box_mc, "_x", Regular.easeOut, 300, 0, 12, false);
			var maTween:Tween = new Tween( box_mc, "_y", Regular.easeOut, 300, 0, 12, false);
			MovieClip.stopTween();
			var maTween:Tween = new Tween( box2_mc, "_x", Regular.easeOut, 0, -300, 12, false);
			var maTween:Tween = new Tween( box2_mc, "_y", Regular.easeOut, 0, -300, 12, false);
	}
}