Galerie d'image avec XML

Version imprimable

Bonjour,

Voilà, dans le cadre d'un cours de flash, nous devons réaliser une petit site. Dans ce site, je souhaite intégrer une galerie d'images à l'aide d'XML. J'ai donc fait un fichier XML nommé "galerie.xml" dont voici le contenu:

Code:

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
40
41
42
43
 
<images>
	<image id="1">
		<adr>img/ralph1.jpg</adr>
		<description>1</description>
	</image>
	<image id="2">
		<adr>img/ralph2.jpg</adr>
		<description>2</description>
	</image>
	<image id="3">
		<adr>img/ralph3.jpg</adr>
		<description>3</description>
	</image>
	<image id="4">
		<adr>img/ralph4.jpg</adr>
		<description>4</description>
	</image>
	<image id="5">
		<adr>img/ralph5.jpg</adr>
		<description>5</description>
	</image>
		<image id="6">
		<adr>img/ralph6.jpg</adr>
		<description>6</description>
	</image>
	<image id="7">
		<adr>img/ralph7.jpg</adr>
		<description>7</description>
	</image>
	<image id="8">
		<adr>img/ralph8.jpg</adr>
		<description>8</description>
	</image>
	<image id="9">
		<adr>img/ralph9.jpg</adr>
		<description>9</description>
	</image>
	<image id="10">
		<adr>img/ralph10.jpg</adr>
		<description>10</description>
	</image>
</images>

Ensuite, dans flash, voici l'actionscript:

Code:

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
 
var chargeur:Loader = new Loader();
var adresseImage:URLRequest = new URLRequest("img/ralph1.jpg");
var arboXML:XML;
   var adresseFichierXML:URLRequest = new URLRequest("galerie.xml");
   var conteneurXML:URLLoader = new URLLoader();
   function chargementXMLTermine(evt:Event) {
				arboXML = new XML(conteneurXML.data);
				adresseImage = new URLRequest(arboXML.image.(@id==num).adr);
				chargeur.load(adresseImage);
				chargeur.x = 260;
				chargeur.y = 248;
				addChild(chargeur);
 
   }
conteneurXML.addEventListener(Event.COMPLETE,chargementXMLTermine);
conteneurXML.load(adresseFichierXML);
 
 
imgprecedent.addEventListener(MouseEvent.MOUSE_DOWN,imageprecedente);
imgsuivant.addEventListener(MouseEvent.MOUSE_DOWN,imagesuivante);
function imagesuivante(evt:Event) {
	 if (num<10) {
		num++;
		conteneurXML.addEventListener(Event.COMPLETE,chargementXMLTermine);
		conteneurXML.load(adresseFichierXML);
	}
}
function imageprecedente(evt:Event) {
	if (num>1) 
	{
		num--;
		conteneurXML.addEventListener(Event.COMPLETE,chargementXMLTermine);
		conteneurXML.load(adresseFichierXML);
	}
}

Enfin, à côté de tout ceci, j'ai mis le dossier qui contient les images en veillant a bien respecter les chemins...

Mon problème est le suivant, lorsque je lance la conversion en SWF (ctrl+enter) pour vérifier ce que cela donne, il me dit que la propriété "num" n'est pas définie or comme vous pouvez le constater, je le précise plus haut là où je vais chercher l'adresse de mon image, à savoir @id==num.

Quelqu'un aurait-il une idée de ce que je fais comme erreur?

Merci d'avance pour vos réponses.

Bonjour,

La propriété "num" doit être déclarée comme ceci.. (en rouge dans le code)
Cela fonctionne. Sujet résolu :)

Code:

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

var num:int = 1;

var chargeur:Loader = new Loader();
var adresseImage:URLRequest = new URLRequest("");
var arboXML:XML;
var adresseFichierXML:URLRequest = new URLRequest("galerie.xml");
var conteneurXML:URLLoader = new URLLoader();

   function chargementXMLTermine(evt:Event) {
				arboXML = new XML(conteneurXML.data);
				adresseImage = new URLRequest(arboXML.image.(@id==num).adr);
				chargeur.load(adresseImage);
				chargeur.x = 151;
				chargeur.y = 301;
				addChild(chargeur);
				
   }
conteneurXML.addEventListener(Event.COMPLETE,chargementXMLTermine);
conteneurXML.load(adresseFichierXML);

imgprecedente.addEventListener(MouseEvent.MOUSE_DOWN,imageprecedente);
imgsuivante.addEventListener(MouseEvent.MOUSE_DOWN,imagesuivante);
function imagesuivante(evt:Event) {
	 if (num<10) {
		num++;
		conteneurXML.addEventListener(Event.COMPLETE,chargementXMLTermine);
		conteneurXML.load(adresseFichierXML);
	}
}
function imageprecedente(evt:Event) {
	if (num>1) 
	{
		num--;
		conteneurXML.addEventListener(Event.COMPLETE,chargementXMLTermine);
		conteneurXML.load(adresseFichierXML);
	}
}

30/08/2012, 19h30
Janko

Au passage, pour ceux que cela intéresserait. A tout ce qui précède, vous ajoutez 2 boutons (en respectant les noms d’occurrence de mon code) et vous avez tout ce qu'il faut pour une petite galerie en flash...