Det första jag gjorde var att skapa en XML innehållandes information om vad bilden heter, vad den har för källa och även källan till en "thumbnail" för respektive bild.
Medans jag bygger galleriet har jag endast en XML men sedan ska jag ha en XML för varje kategori.
Jag skapar sedan i actionscript en variabel med namnet imgCatNight_XML ("image category night XML") innehållandes källan för min XML.
private const imgCatNight_XML = "xml/night.xml";
Övriga variabler jag har deklarerat i klassen är följande.
private var _loader:URLLoader;
private var imgArray:Array = new Array();
private var nameArray:Array = new Array();
private var fileArray:Array = new Array();
private var thumbArray:Array = new Array();
Sedan laddar jag in XML-filen med med hjälp av följande kod (Tack Rune).
private function getXML() {
var req:URLRequest = new URLRequest(imgCatNight_XML);
_loader = new URLLoader(req);
_loader.addEventListener(Event.COMPLETE, xmlLoaded);
_loader.load(req);
} // End getXML
Som ni ser på den eventListener som finns i funktionen startas en annan funktion vid namn xmlLoaded (Återigen tackar vi Rune för det). För en nybörjare kan den funktionen se lite knepig ut men den ser i alla fall ut enligt följande.
private function xmlLoaded(evt:Event) {
var xmlcode = new XML(_loader.data);
trace(xmlcode);
for (var i:int=0; i<xmlcode.image.length();
var image:URLRequest = new URLRequest(xmlcode.image.thumb[i]);
var imageLoader:Loader = new Loader();
imageLoader.load(image);
imgArray[i]=imageLoader;
addChild (imgArray[i]);
imgArray[i].x = 70*i;
imgArray[i].y = 330;
imgArray.buttonMode = true;
imgArray[i].addEventListener(MouseEvent.MOUSE_DOWN, showBigImg);
trace(xmlcode.image.name[i]);
}
} // End xmlLoaded
Inne i funktionen xmlLoaded har jag även kod som gör så att en thumbnail för respektive bild i night.xml visas. Längre än så här jar jag inte kommit, jag kommer att uppdatera min blogg frekvent allt eftersom att jag arbetar med galleriet.
Jag har för tillfället svårt att veta hur jag ska skriva den kod som ska visa en stor bild när man klickar på en thumbnail. Som ni ser skapar jag en mouseEvent för varje thumbnail, men hur ska jag göra för att programmet ska veta vilken bild som ska visas beroende på vilken thumbnail man klickar på. Det faktum att man inte kan skicka med övriga parametrar när man oberopar en funktion via en eventListener gör inte saken mycket lättare.
Någon som har en ide?