Discussion :

[rockntrek]

Bonjour !

Voilà je vous explique mon problème pas très simple à comprendre...
Je suis en train de réaliser une galerie de photos. Cette galerie se compose de miniatures sur lesquels un click de la souris ouvre la photo en plus grande résolution.

J'ai 83 miniatures de photos sur ma scène. Je souhaite donc ajouter à chacune d'elles un écouteur de type MouseEvent.CLICK afin d'écouter le click de la souris sur chaque miniature :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
for(i = 1; i < 84; i ++) {
 
// rando2005Miniature1_mc représente par exemple la première miniature photo.
 
this["rando2005Miniature" + i + "_mc"].addEventListener(MouseEvent.CLICK, rando2005ChargementPhotos);
 
}

Donc me voilà avec 83 écouteurs en mémoire qui écoutent chacun leur miniature.

Maintenant, je créé un tableau afin d'enregistrer en mémoire les chemins des photos agrandie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
var urlPhotosRando2005:Array = new Array();
 
// Je fais commencer mon tableau à 1
 
for (i = 1; i < 84; i++) {
 
urlPhotosRando2005[i] = "trekPhotos/rando2005Photo" + i + ".jpg";
 
}

J'ai donc maintenant tout les chemins des photos agrandies en mémoire.

Sachant que les écouteurs appellent tous la même fonction "rando2005ChargementPhotos", comment déclarer, dans celle-ci, l'association de la miniature avec l'élément du tableau qui lui correspond...

En gros, comment associer "rando2005Miniature1_mc" à "urlPhotosRando2005[1]" dans la fonction "rando2005ChargementPhotos"...

C'est la question ...

J'ai commencé à écrire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
public function rando2005ChargementPhotos(evt:MouseEvent):void {
 
chargeurImages.load(new URLRequest(urlPhotosRando2005[i]));
 
chargeurImages.contentLoaderInfo.addEventListener(Event.OPEN, ouvertureChargementPhoto);
chargeurImages.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressionChargementPhoto);
chargeurImages.contentLoaderInfo.addEventListener(Event.COMPLETE, finChargementPhoto);
 
}

Et je bloque, je ne vois pas comment faire l'association... Quelqu'un pourrait-il me donner une piste ?

D'avance merci.

Yann

[rockntrek]

C'est bon j'ai trouvé

Il suffit d'ajouter une variable associée à chaque miniatures :

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
 
    var numero:int = new int();
    var urlPhotosRando2005:Array = new Array();
 
    for (i = 1; i < 84; i++) {
            // Enumération des miniatures
            this["rando2005Miniature" + i + "_mc"].numero = i;
            // Création des urls dans le tableau
            urlPhotosRando2005[i] = "trekPhotos/rando2005Photo"+i+".jpg";
            // Création des écouteur souris
            this["rando2005Miniature" + i + "_mc"].addEventListener(MouseEvent.ROLL_OVER, miniatureRollOver);
            this["rando2005Miniature" + i + "_mc"].addEventListener(MouseEvent.ROLL_OUT, miniatureRollOut);
            this["rando2005Miniature" + i + "_mc"].addEventListener(MouseEvent.CLICK, rando2005ChargementPhotos);
    }
 
    public function rando2005ChargementPhotos(evt:MouseEvent):void {
            chargeurImages.load(new URLRequest(urlPhotosRando2005[evt.currentTarget.numero]));
            chargeurImages.contentLoaderInfo.addEventListener(Event.OPEN, ouvertureChargementPhoto);
            chargeurImages.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressionChargementPhoto);
            chargeurImages.contentLoaderInfo.addEventListener(Event.COMPLETE, finChargementPhoto);
    }

[laforge]

salut.
Je me trouve en ce moment devant un problème similaire, avec une réponse qui doit être tout aussi simple, mais je bloque depuis 24h
Pour avoir la liberté de nommer mes miniatures ainsi que mes grandes images librement, je passe par un XML dont voici la structure:
<printGallery> //noeud racine
<Pic>
<thumb>portofolio/thumbs/machin_Th.jpg</thumb>
<big>portofolio/img/machin.jpg </big>
</Pic>
</printGallery >

voici l'AS après "loadage" du XML

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
 
 private function loadedXML(e:Event){ 
 
     xml = XML(e.target.data);  
     xmlList = xml.children(); //children = < pic > 
     for (var i:int = 0; i < xmlList.length(); i++) { 
         var vignette:thumbContener = new thumbContener(); //mc generique de la bibliothèque
         tabMC[i] = vignette;//tableau pour stocker les occurence de MC 
         addChild(vignette); 
         tableauThumbs[i] = new Loader();//tableau recupérant les URLs des thumbs 
         vignette.addChild(tableauThumbs[i]); 
         tableauThumbs[i].load(new URLRequest(xmlList[i].thumb));                            ableauThumbs[i].contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete); 
         vignette.addEventListener(MouseEvent.MOUSE_UP, onClic); 
         } 
         } 
     private function onComplete(e:Event){ 
         indexThumbs++; 
         var  cible:MovieClip = e.target.content.parent.parent;  
         cible.x = Math.random() * (stage.stageWidth - cible.width);  
         cible.y = Math.random() * (stage.stageHeight - cible.height); 
         cible.buttonMode=true; 
         } 
     private function onClic(e:MouseEvent){ 
         //euuuuuuuhhhhhhh! arrrrgh!!! mmmmmmfffhhhh!! grrrrrrrrrrr! 
         }

une idée pour faire la correspondance des URLs?