Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Avez-vous perdu votre e-mail d'activation ?

Auteur Sujet: Afficher un élément cliqué à 100% et les autres à 50% ?  (Lu 649 fois)

montoumes

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 146
    • Voir le profil
    • WWW
Bonjour,

J'ai créé un slider vertical à gauche de mon animation, avec des clips chargés via MCL. Par exemple :

mc_cible.onRollOver = function() {
mc_cible._alpha = 100;
mc_cible.cadre._alpha=25;
}
mc_cible.onRollOut = function() {
mc_cible._alpha = 25;
mc_cible.cadre._alpha=100;
}

Dans le même onLoadInit, j'appelle les liens au onRelease. Exemple :

sliderGauche.sliderGaucheCible.mc0.onRelease = function() {
chargeAmbiance.loadMovie("fichier.swf");
}

Je voulais savoir comment mettre à 100% d'opacité à gauche l'élément choisit (qui charge le fichier à droite), et les laisser les autres à 50%. Parce que là avec le onRelease, je récupère tout de suite après le onRollover, le temps de sortir du bouton...

Merci d'avance !



IP archivée

RMistral (Wisi)

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 661
    • Voir le profil
    • WWW
Re : Afficher un élément cliqué à 100% et les autres à 50% ?
« Réponse #1 le: Mars 18, 2010, 06:54:36 am »
Bonjour,

Difficile de répondre car je ne comprend pas l'architecture de ton animation....
IP archivée
Savoir mal est pire qu'ignorer

montoumes

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 146
    • Voir le profil
    • WWW
Re : Afficher un élément cliqué à 100% et les autres à 50% ?
« Réponse #2 le: Mars 18, 2010, 07:43:52 am »
Bonjour,

J'ai à gauche une bande défilante, contrôler avec la position de la souris (défilement en haut si la souris est en haut de l'anim, et l'inverse si elle est en bas). Dedans, j'y ai chargé via des MCL des vignettes d'images jpg, auxquels j'ai appliqué un comportement de rollover (100% d'opacité), rollout (50%), et onRelease (lien de chargement d'un swf correspondant à la vignette, pour l'afficher en grand).

J'ai d'abord créé ma liste d'images :
_global.nbrImagesGauche = 2;
_global.liste_images_gauche = new Array("thumb0.jpg","thumb1.jpg","thumb2.jpg");
this.createEmptyMovieClip("chargeAmbiance",2);

Après vient mon MCL qui me permet de contrôler les clips chargés :
var chargeIllustration3:MovieClipLoader = new MovieClipLoader();
var ecouteChargement3:Object = new Object();
ecouteChargement3.onLoadStart = function(mc_cible:MovieClip):Void {};
ecouteChargement3.onLoadProgress = function(mc_cible:MovieClip, octet:Number, totalOctets:Number):Void {};
ecouteChargement3.onLoadComplete = function(mc_cible:MovieClip):Void {};
ecouteChargement3.onLoadInit = function(mc_cible:MovieClip):Void {
mc_cible._width = 150;
mc_cible._height = 80;
mc_cible._x = 5;

// on dessine une bordure
mc_cible.createEmptyMovieClip("cadre", 0);
mc_cible.cadre.createEmptyMovieClip("stroke_mc", 2);
with (mc_cible.cadre.stroke_mc) {
   lineStyle(0, 0x212121);
   moveTo(0, 0);
   lineTo(150, 0);
   lineTo(150, 80);
   lineTo(0, 80);
   lineTo(0, 0);
}
mc_cible.cadre._alpha=25;

mc_cible._alpha=50;

// créer un filtre d'ombre portée
var dropShadow:DropShadowFilter = new DropShadowFilter(4, 90, 0x303030, 0, 10, 10, 2, 3);

dropShadow.blurX = 5;
dropShadow.blurY = 5;

mc_cible.onRollOver = function() {
mc_cible._alpha = 100;
mc_cible.cadre._alpha=25;

dropShadow.distance = 2;
dropShadow.alpha = 0.5;
mc_cible.filters = [dropShadow];
}
mc_cible.onRollOut = function() {
mc_cible._alpha = 25;
mc_cible.cadre._alpha=100;
dropShadow.distance = 0;
dropShadow.alpha = 0;
mc_cible.filters = [dropShadow];
}
mc_cible.onRelease = function() {
mc_cible._alpha = 100;
}

sliderGauche.sliderGaucheCible.mc0.onRelease = function() {
chargeAmbiance.loadMovie("clip0.swf");
}
sliderGauche.sliderGaucheCible.mc1.onRelease = function() {
chargeAmbiance.loadMovie("clip1.swf");
}
sliderGauche.sliderGaucheCible.mc2.onRelease = function() {
chargeAmbiance.loadMovie("clip2.swf");
}

};

ecouteChargement3.onLoadError = function(mc_cible:MovieClip, msgErreur:String, numErreur:Number):Void {};

Enfin viens la boucle de chargement + le chargement du clip initial (le clip0 donc) :
// chargement des images
function initClips() {
for (i:Number=0; i<=nbrImagesGauche; i++) {
var refClip = sliderGauche.sliderGaucheCible.createEmptyMovieClip("mc" + i, i);
refClip._y = i*90;
chargeIllustration3.loadClip(liste_images_gauche[i], refClip);
}
}

chargeIllustration3.addListener(ecouteChargement3);
initClips();


chargeAmbiance.loadMovie("clip0.swf");

Donc mon souci, c'est qu'étant donné que j'ai mis sur mes vignettes dans le slider un comportement rollover et rollout, je n'arrive pas à dire "si cette vignette est cliquée, elle reste à 100% d'opacité" (pour montrer à l'internaute que le clip qui se charge correspond à cette vignette.

Je pense qu'il faut créer une variable, mais je ne sais pas où l'écrire, et comment la faire fonctionner.
IP archivée

RMistral (Wisi)

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 661
    • Voir le profil
    • WWW
Re : Afficher un élément cliqué à 100% et les autres à 50% ?
« Réponse #3 le: Mars 19, 2010, 08:50:20 am »
Bonjour,

Un dernier point avant que j'essaye de t'aider :

sliderGauche.sliderGaucheCible.mc0.onRelease = function() {
chargeAmbiance.loadMovie("clip0.swf");
}
sliderGauche.sliderGaucheCible.mc1.onRelease = function() {
chargeAmbiance.loadMovie("clip1.swf");
}
sliderGauche.sliderGaucheCible.mc2.onRelease = function() {
chargeAmbiance.loadMovie("clip2.swf");
}



Dans ton onLoadInit tu demandes la même chose (cf code au dessus) nbrImagesGauche fois pourquoi ?

IP archivée
Savoir mal est pire qu'ignorer

montoumes

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 146
    • Voir le profil
    • WWW
Re : Afficher un élément cliqué à 100% et les autres à 50% ?
« Réponse #4 le: Mars 20, 2010, 09:14:55 am »
Bonjour,

Je voulais faire une boucle for ou appelait ce code dans l'autre boucle, mais n'y arrivant pas, j'ai du forcer ce code dans le onloadInit pour que ça fonctionne.

Merci d'avance !
IP archivée

RMistral (Wisi)

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 661
    • Voir le profil
    • WWW
Re : Afficher un élément cliqué à 100% et les autres à 50% ?
« Réponse #5 le: Mars 22, 2010, 07:17:19 am »
Bonjour,

Ok j'essaye de regarder çà dès que j'ai une minute....
« Dernière modification: Mars 27, 2010, 08:56:59 am par RMistral (Wisi) »
IP archivée
Savoir mal est pire qu'ignorer

montoumes

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 146
    • Voir le profil
    • WWW
Re : Afficher un élément cliqué à 100% et les autres à 50% ?
« Réponse #6 le: Mars 29, 2010, 11:56:07 am »
Bonjour,

Personne n'a d'idée ?

Merci d'avance :o)
IP archivée
 




 
Wisibility.com
Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources gratuites et payantes vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Illustrator, InDesign, Flash…

Aujourd’hui, Wisibility réunit une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…

Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Des centaines de tutoriels accessibles gratuitement et une boutique sur laquelle vous trouverez des formations complètes et des exercices pratiques.

Wisibility organise des événements graphiques, réalise une WebTV

Wisibility sur Adobe TV

Retrouvez nos tutoriels et nos émissions
sur le site officiel Adobe



 
Nos partenaires

Adobe   fotolia   WebINK   Amka   macandphoto   club
 


Contact - Wisibility est une marque déposée - Mentions légales

Creative Commons License

infos - inspiration - rendez-vous - logiciels materiels - tutoriels gratuits - formations en ligne - forums - galeries - glossaire - wisi tv