Interface web avec thumbs

Question

Salut tous, 
D'abord, je débute en ActionScript. Je développe une interface web composée de 3 images (gros thumbs); elles avances légèrement en cas de rollover, si je clique sur une, elle vient au premier plan, les autres partent, et 4 mini thumbs arrivent. Chaque image est un sommaire de sections. Voilà pour le scénario. J'arrive à faire le rollover et le reste de l'anim (en cas de clic), mais séparement, car ensemble, le clic annule le rollover; le code doit se chevaucher quelque part. Si quelqu'un a une idée... ;)
Merci d'avance.

stop();
img1_mc.onRollover = function() {
    img1_mc.gotoAndPlay("over");
};
img1_mc.onRollout = function() {
    img_mc1.gotoAndPlay("out");
};
img_mc1.onRelease = function() {
    img_mc1.gotoAndPlay("section1");  //section1 contient l'anim depuis le clic jusqu'aux mini thumbs.
};

Orange73 · Answer

Hello,

c'est normal que tu attribue chaque fonction a un movieclip différent (img1_mc et img_mc1) ?

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

Nan, ya une faute dans mon message, c'est le même Mc ; img1_mc.

Orange73 · Answer

"le clic annule le rollover" !

je pige pas !

Que veux-tu faire exactement ?

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

J'étais pas sûr que tout soit clair... Alors, il ya 3 images côtes à côtes, chacune est une section. D'une part il ya le rollover sur chacune d'elle, et ensuite, quand je clique dessus pour accéder aux sous-sections (4 mini-images), il ya une sorte d'animation qui introduit ce passage vers les sous-sections; l'image cliquée vient au premier plan, les 2 autres images s'en vont et 4 thumbs (les liens vers les sous-sections) arrivent à coté de la grande image. C'est plus clair?

Orange73 · Answer

Oui et quel est le probleme ?

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

J'ai besoin d'un code qui gère le rollover et le clic pour chaque image, avec des actions gotoAndPlay liées aux fonctions.

JuneWade · Answer

J'ai testé aussi remplacer les mc par des btn mais ça bug aussi... Ca doit être tout con, mais je vois pas ce qui cloche.

Orange73 · Answer

Euhhh...!

img_mc1.onRollover = function() {
   this.gotoAndPlay("over");
}

img_mc1.onRollout = function() {
   this.gotoAndPlay("out");
}

img_mc1.onRelease = function() {
    this.gotoAndPlay("section1"); 
}

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

Orange73 · Answer

Si tu mets 
img_mc1.gotoAndPlay("section1");

forcement sa va aller lire la frame ayant pour flag "section1" dans ton movieclip sur lequel tu clic.
Du coup sa va zapper le rollover ou rollout si tu clic trop vite.

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

Ca ne marche pas. J'ai mis dessous le code appliqué à mon problème. Sans stop, il démarre tout seul (il lit la timeline jusqu'au prochain stop), et avec, ya plus rien. Tout est contenu dans un mc global, il y a 4 calques (chaque image+thumbs), un calque label et un script. Tout est sur la même timeline. Merci pour ton aide.

stop();
energie_mc.onRollover = function() {
   this.gotoAndPlay("over");
}
energie_mc.onRollout = function() {
   this.gotoAndPlay("out");
}
energie_mc.onRelease = function() {
    this.gotoAndPlay("energie");
}

Orange73 · Answer

energie_mc.onRelease = function() {
    this._parent.gotoAndPlay("energie");
}

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

onRelease marche, c cool, merci. Mais le rollover lui ne répond pas. Si j'utilise un bouton invisible par dessus le mc?

JuneWade · Answer

au fait, _parent fait référence à quoi?

Orange73 · Answer

tu es bien certain qu'il y a une etiquette "over" dans ton moviclip ?

_parent fais reference au level inferieur.

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

"Over" n'est pas à l'intérieur de energie_mc mais sur la timeline "globale". Est-ce qu'il faut que je dissocie over et out et que je les place dans chaque mc? ou  peut-on demander de lire "over" et "out" sur la même timeline que "energie" ?

Orange73 · Answer

Le mieux c'est dans le mc.

sinon vu que c'est sur ta timeline, utilise _parent aussi :

energie_mc.onRollover = function() {
   this._parent.gotoAndPlay("over");
}
energie_mc.onRollout = function() {
   this._parent.gotoAndPlay("out");
}
energie_mc.onRelease = function() {
    this._parent.gotoAndPlay("energie");
}

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

_parent ne marche pas là. Je vais tester dans le mc. Je reviens

JuneWade · Answer

Au fait, tu as l'air de bien connaitre le développement Flash. Tu bosses quelque part ou t'es disponible? J'ai monter un studio de graphisme print et web en région parisienne, mais il me manque un développeur...

Orange73 · Answer

Arf. 

Moi je bosse dans une agence de pub / web en rhone-alpes 
mais merci kan meme

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

J'ai placé le code à l'extérieur, à l'intérieur du mc, avec ou sans this._parent, rien y fait... Je vais faire plus simple je pense, avec un bouton par exemple.  

energie_mc.onRollover = function() {
    this._parent.gotoAndPlay("over");
}
energie_mc.onRollout = function() {
    this._parent.gotoAndPlay("out");
};

Orange73 · Answer

Envoi moi ton fla plutot sa ira plus vite :-)

Sinon si tu a besoin de sous-traiter quelques developpement rapide flash, php, javascripte ou autre. n'hesite pas a me contacter. je suis freelance aussi 

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

Je peux le poster sur le forum le .fla?

Orange73 · Answer

Envoi avec www.megaupload.com

-- Orange73 --
"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

JuneWade · Answer

Ca marche! Reste à fignoler deux trois trucs, mais ça marche! Merci pour ton aide, très réactif ;) Je bug là dessus depuis longtemps.
A plus.

Interface web avec thumbs

24 réponses

Votre réponse

Discussions similaires